Clock faces for an electronic device

ABSTRACT

A device displays a clock face in response to receiving a request to display a clock face. In accordance with a determination that a respective graphical element is to be displayed at a respective location on the clock face, the clock face includes a plurality of analog-dial graphical elements corresponding to respective units of time, where the plurality of analog-dial graphical elements includes a first analog-dial graphical element that occupies a first position and has a first size. In accordance with a determination that the respective graphical element is not to be displayed at a respective location on the clock face, the clock face includes the plurality of analog-dial graphical elements corresponding to the respective units of time, and the first analog-dial graphical element of the plurality of analog-dial graphical elements occupies a second position and/or has a second size. In some embodiments, clock faces are reordered.

CROSS-REFERENCE TO RELATED APPLICATIONS

This application claims priority to U.S. Patent Application Ser. No.62/844,108, entitled “CLOCK FACES FOR AN ELECTRONIC DEVICE”, filed onMay 6, 2019, and U.S. Patent Application Ser. No. 62/856,038, entitled“CLOCK FACES FOR AN ELECTRONIC DEVICE”, filed on Jun. 1, 2019, thecontents of all of which are hereby incorporated by reference in theirentirety.

FIELD

The present disclosure relates generally to computer user interfaces,and more specifically to clock faces for electronic devices.

BACKGROUND

Users rely on portable multifunction devices for a variety ofoperations, including telling time. Such users may want to be providedwith a current time along with other context-specific information.

BRIEF SUMMARY

Some techniques for presenting and interacting with clock faces usingelectronic devices, however, are generally cumbersome and inefficient.For example, some existing techniques use a complex and time-consuminguser interface, which may include multiple key presses or keystrokes.Existing techniques require more time than necessary, wasting user timeand device energy. This latter consideration is particularly importantin battery-operated devices.

Accordingly, the present technique provides electronic devices withfaster, more efficient methods and interfaces for presenting andinteracting with clock faces. Such methods and interfaces optionallycomplement or replace other methods for presenting and interacting withclock faces. Such methods and interfaces reduce the cognitive burden ona user and produce a more efficient human-machine interface. Forbattery-operated computing devices, such methods and interfaces conservepower and increase the time between battery charges.

In some embodiments, a method comprises: at an electronic device with adisplay device: receiving a request to display a clock face thatincludes a plurality of analog-dial graphical elements corresponding torespective units of time; and in response to receiving the request todisplay the clock face: in accordance with a determination that arespective graphical element is to be displayed at a respective locationon the clock face, displaying, via the display device, the clock face,the clock face including the plurality of analog-dial graphical elementscorresponding to respective units of time, the plurality of analog-dialgraphical elements including a first analog-dial graphical element thatoccupies a first position and has a first size while the respectivegraphical element is displayed at the respective location on the clockface; and in accordance with a determination that the respectivegraphical element is not to be displayed at a respective location on theclock face, displaying, via the display device, the clock face, theclock face including the plurality of analog-dial graphical elementscorresponding to the respective units of time, the first analog-dialgraphical element of the plurality of analog-dial graphical elementsoccupying a second position different from the first position and/orhaving a second size different from the first size.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: receiving a request to displaya clock face that includes a plurality of analog-dial graphical elementscorresponding to respective units of time; and in response to receivingthe request to display the clock face: in accordance with adetermination that a respective graphical element is to be displayed ata respective location on the clock face, displaying, via the displaydevice, the clock face, the clock face including the plurality ofanalog-dial graphical elements corresponding to respective units oftime, the plurality of analog-dial graphical elements including a firstanalog-dial graphical element that occupies a first position and has afirst size while the respective graphical element is displayed at therespective location on the clock face; and in accordance with adetermination that the respective graphical element is not to bedisplayed at a respective location on the clock face, displaying, viathe display device, the clock face, the clock face including theplurality of analog-dial graphical elements corresponding to therespective units of time, the first analog-dial graphical element of theplurality of analog-dial graphical elements occupying a second positiondifferent from the first position and/or having a second size differentfrom the first size.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: receiving a request to displaya clock face that includes a plurality of analog-dial graphical elementscorresponding to respective units of time; and in response to receivingthe request to display the clock face: in accordance with adetermination that a respective graphical element is to be displayed ata respective location on the clock face, displaying, via the displaydevice, the clock face, the clock face including the plurality ofanalog-dial graphical elements corresponding to respective units oftime, the plurality of analog-dial graphical elements including a firstanalog-dial graphical element that occupies a first position and has afirst size while the respective graphical element is displayed at therespective location on the clock face; and in accordance with adetermination that the respective graphical element is not to bedisplayed at a respective location on the clock face, displaying, viathe display device, the clock face, the clock face including theplurality of analog-dial graphical elements corresponding to therespective units of time, the first analog-dial graphical element of theplurality of analog-dial graphical elements occupying a second positiondifferent from the first position and/or having a second size differentfrom the first size.

In some embodiments, an electronic device comprises: a display device;one or more processors; and memory storing one or more programsconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: receiving a request to display aclock face that includes a plurality of analog-dial graphical elementscorresponding to respective units of time; and in response to receivingthe request to display the clock face: in accordance with adetermination that a respective graphical element is to be displayed ata respective location on the clock face, displaying, via the displaydevice, the clock face, the clock face including the plurality ofanalog-dial graphical elements corresponding to respective units oftime, the plurality of analog-dial graphical elements including a firstanalog-dial graphical element that occupies a first position and has afirst size while the respective graphical element is displayed at therespective location on the clock face; and in accordance with adetermination that the respective graphical element is not to bedisplayed at a respective location on the clock face, displaying, viathe display device, the clock face, the clock face including theplurality of analog-dial graphical elements corresponding to therespective units of time, the first analog-dial graphical element of theplurality of analog-dial graphical elements occupying a second positiondifferent from the first position and/or having a second size differentfrom the first size.

In some embodiments, an electronic device comprises: a display device;means for receiving a request to display a clock face that includes aplurality of analog-dial graphical elements corresponding to respectiveunits of time; and means for, in response to receiving the request todisplay the clock face: in accordance with a determination that arespective graphical element is to be displayed at a respective locationon the clock face, displaying, via the display device, the clock face,the clock face including the plurality of analog-dial graphical elementscorresponding to respective units of time, the plurality of analog-dialgraphical elements including a first analog-dial graphical element thatoccupies a first position and has a first size while the respectivegraphical element is displayed at the respective location on the clockface; and in accordance with a determination that the respectivegraphical element is not to be displayed at a respective location on theclock face, displaying, via the display device, the clock face, theclock face including the plurality of analog-dial graphical elementscorresponding to the respective units of time, the first analog-dialgraphical element of the plurality of analog-dial graphical elementsoccupying a second position different from the first position and/orhaving a second size different from the first size.

In some embodiments, a method comprises: at an electronic device with adisplay device: displaying, via the display device, a first clock face,the first clock face including: an indication of time, the indication oftime displayed in a first language; and a graphical element distinctfrom the indication of time, the graphical element displayed in a secondlanguage; detecting a sequence of one or more inputs corresponding to arequest to change a language associated with the indication of time onthe first clock face; and in response to detecting the sequence of oneor more inputs corresponding to a request to change a languageassociated with the indication of time on the first clock face,displaying, via the display device, a second clock face, the secondclock face including: the indication of time, wherein the indication oftime is displayed in a third language different from the first language;and the graphical element displayed in the second language.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a first clock face, the first clock face including: anindication of time, the indication of time displayed in a firstlanguage; and a graphical element distinct from the indication of time,the graphical element displayed in a second language; detecting asequence of one or more inputs corresponding to a request to change alanguage associated with the indication of time on the first clock face;and in response to detecting the sequence of one or more inputscorresponding to a request to change a language associated with theindication of time on the first clock face, displaying, via the displaydevice, a second clock face, the second clock face including: theindication of time, wherein the indication of time is displayed in athird language different from the first language; and the graphicalelement displayed in the second language.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a first clock face, the first clock face including: anindication of time, the indication of time displayed in a firstlanguage; and a graphical element distinct from the indication of time,the graphical element displayed in a second language; detecting asequence of one or more inputs corresponding to a request to change alanguage associated with the indication of time on the first clock face;and in response to detecting the sequence of one or more inputscorresponding to a request to change a language associated with theindication of time on the first clock face, displaying, via the displaydevice, a second clock face, the second clock face including: theindication of time, wherein the indication of time is displayed in athird language different from the first language; and the graphicalelement displayed in the second language.

In some embodiments, an electronic device comprises: a display device;one or more processors; and memory storing one or more programsconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: displaying, via the display device,a first clock face, the first clock face including: an indication oftime, the indication of time displayed in a first language; and agraphical element distinct from the indication of time, the graphicalelement displayed in a second language; detecting a sequence of one ormore inputs corresponding to a request to change a language associatedwith the indication of time on the first clock face; and in response todetecting the sequence of one or more inputs corresponding to a requestto change a language associated with the indication of time on the firstclock face, displaying, via the display device, a second clock face, thesecond clock face including: the indication of time, wherein theindication of time is displayed in a third language different from thefirst language; and the graphical element displayed in the secondlanguage.

In some embodiments, an electronic device comprises: a display device;means for displaying, via the display device, a first clock face, thefirst clock face including: an indication of time, the indication oftime displayed in a first language; and a graphical element distinctfrom the indication of time, the graphical element displayed in a secondlanguage; means for detecting a sequence of one or more inputscorresponding to a request to change a language associated with theindication of time on the first clock face; and means for, in responseto detecting the sequence of one or more inputs corresponding to arequest to change a language associated with the indication of time onthe first clock face, displaying, via the display device, a second clockface, the second clock face including: the indication of time, whereinthe indication of time is displayed in a third language different fromthe first language; and the graphical element displayed in the secondlanguage.

In some embodiments, a method comprises: at an electronic device with adisplay device: displaying, via the display device, a first clock faceincluding: a plurality of clock hands including a first clock hand and asecond clock hand; and a color gradient of the first clock face, thecolor gradient of the first clock face including a gradual transitionfrom a first color at a first edge of the color gradient of the firstclock face to a second color at a second edge of the color gradient ofthe first clock face, wherein the first edge of the color gradient ofthe first clock face is selected based on a position of the first clockhand of the first clock face and the second edge of the color gradientof the first clock face is selected based on the position of the firstclock hand of the first clock face; detecting a sequence of one or moreinputs corresponding to a request to edit the first clock face; and inresponse to detecting the sequence of one or more inputs correspondingto a request to edit the first clock face, displaying, via the displaydevice, a second clock face including: the plurality of clock handsincluding the first clock hand and the second clock hand; and a firstcolor gradient of the second clock face, the first color gradient of thesecond clock face including a gradual transition from the first color ata first edge of the first color gradient of the second clock face to thesecond color at a second edge of the first color gradient of the secondclock face, wherein the first edge of the first color gradient of thesecond clock face is selected based on a position of the first clockhand of the second clock face and the second edge of the first colorgradient of the second clock face is selected based on a position of thesecond clock hand of the second clock face; and a second color gradientof the second clock face, the second color gradient of the second clockface including a gradual transition from the first color at a first edgeof the second color gradient of the second clock face to the secondcolor at a second edge of the second color gradient of the second clockface, wherein the second edge of the second color gradient of the secondclock face is selected based on the position of the first clock hand ofthe second clock face.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a first clock face including: a plurality of clock handsincluding a first clock hand and a second clock hand; and a colorgradient of the first clock face, the color gradient of the first clockface including a gradual transition from a first color at a first edgeof the color gradient of the first clock face to a second color at asecond edge of the color gradient of the first clock face, wherein thefirst edge of the color gradient of the first clock face is selectedbased on a position of the first clock hand of the first clock face andthe second edge of the color gradient of the first clock face isselected based on the position of the first clock hand of the firstclock face; detecting a sequence of one or more inputs corresponding toa request to edit the first clock face; and in response to detecting thesequence of one or more inputs corresponding to a request to edit thefirst clock face, displaying, via the display device, a second clockface including: the plurality of clock hands including the first clockhand and the second clock hand; and a first color gradient of the secondclock face, the first color gradient of the second clock face includinga gradual transition from the first color at a first edge of the firstcolor gradient of the second clock face to the second color at a secondedge of the first color gradient of the second clock face, wherein thefirst edge of the first color gradient of the second clock face isselected based on a position of the first clock hand of the second clockface and the second edge of the first color gradient of the second clockface is selected based on a position of the second clock hand of thesecond clock face; and a second color gradient of the second clock face,the second color gradient of the second clock face including a gradualtransition from the first color at a first edge of the second colorgradient of the second clock face to the second color at a second edgeof the second color gradient of the second clock face, wherein thesecond edge of the second color gradient of the second clock face isselected based on the position of the first clock hand of the secondclock face.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a first clock face including: a plurality of clock handsincluding a first clock hand and a second clock hand; and a colorgradient of the first clock face, the color gradient of the first clockface including a gradual transition from a first color at a first edgeof the color gradient of the first clock face to a second color at asecond edge of the color gradient of the first clock face, wherein thefirst edge of the color gradient of the first clock face is selectedbased on a position of the first clock hand of the first clock face andthe second edge of the color gradient of the first clock face isselected based on the position of the first clock hand of the firstclock face; detecting a sequence of one or more inputs corresponding toa request to edit the first clock face; and in response to detecting thesequence of one or more inputs corresponding to a request to edit thefirst clock face, displaying, via the display device, a second clockface including: the plurality of clock hands including the first clockhand and the second clock hand; and a first color gradient of the secondclock face, the first color gradient of the second clock face includinga gradual transition from the first color at a first edge of the firstcolor gradient of the second clock face to the second color at a secondedge of the first color gradient of the second clock face, wherein thefirst edge of the first color gradient of the second clock face isselected based on a position of the first clock hand of the second clockface and the second edge of the first color gradient of the second clockface is selected based on a position of the second clock hand of thesecond clock face; and a second color gradient of the second clock face,the second color gradient of the second clock face including a gradualtransition from the first color at a first edge of the second colorgradient of the second clock face to the second color at a second edgeof the second color gradient of the second clock face, wherein thesecond edge of the second color gradient of the second clock face isselected based on the position of the first clock hand of the secondclock face.

In some embodiments, an electronic device comprises: a display device;one or more processors; and memory storing one or more programsconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: displaying, via the display device,a first clock face including: a plurality of clock hands including afirst clock hand and a second clock hand; and a color gradient of thefirst clock face, the color gradient of the first clock face including agradual transition from a first color at a first edge of the colorgradient of the first clock face to a second color at a second edge ofthe color gradient of the first clock face, wherein the first edge ofthe color gradient of the first clock face is selected based on aposition of the first clock hand of the first clock face and the secondedge of the color gradient of the first clock face is selected based onthe position of the first clock hand of the first clock face; detectinga sequence of one or more inputs corresponding to a request to edit thefirst clock face; and in response to detecting the sequence of one ormore inputs corresponding to a request to edit the first clock face,displaying, via the display device, a second clock face including: theplurality of clock hands including the first clock hand and the secondclock hand; and a first color gradient of the second clock face, thefirst color gradient of the second clock face including a gradualtransition from the first color at a first edge of the first colorgradient of the second clock face to the second color at a second edgeof the first color gradient of the second clock face, wherein the firstedge of the first color gradient of the second clock face is selectedbased on a position of the first clock hand of the second clock face andthe second edge of the first color gradient of the second clock face isselected based on a position of the second clock hand of the secondclock face; and a second color gradient of the second clock face, thesecond color gradient of the second clock face including a gradualtransition from the first color at a first edge of the second colorgradient of the second clock face to the second color at a second edgeof the second color gradient of the second clock face, wherein thesecond edge of the second color gradient of the second clock face isselected based on the position of the first clock hand of the secondclock face.

In some embodiments, an electronic device comprises: a display device;means for displaying, via the display device, a first clock faceincluding: a plurality of clock hands including a first clock hand and asecond clock hand; and a color gradient of the first clock face, thecolor gradient of the first clock face including a gradual transitionfrom a first color at a first edge of the color gradient of the firstclock face to a second color at a second edge of the color gradient ofthe first clock face, wherein the first edge of the color gradient ofthe first clock face is selected based on a position of the first clockhand of the first clock face and the second edge of the color gradientof the first clock face is selected based on the position of the firstclock hand of the first clock face; means for detecting a sequence ofone or more inputs corresponding to a request to edit the first clockface; and means for, in response to detecting the sequence of one ormore inputs corresponding to a request to edit the first clock face,displaying, via the display device, a second clock face including: theplurality of clock hands including the first clock hand and the secondclock hand; and a first color gradient of the second clock face, thefirst color gradient of the second clock face including a gradualtransition from the first color at a first edge of the first colorgradient of the second clock face to the second color at a second edgeof the first color gradient of the second clock face, wherein the firstedge of the first color gradient of the second clock face is selectedbased on a position of the first clock hand of the second clock face andthe second edge of the first color gradient of the second clock face isselected based on a position of the second clock hand of the secondclock face; and a second color gradient of the second clock face, thesecond color gradient of the second clock face including a gradualtransition from the first color at a first edge of the second colorgradient of the second clock face to the second color at a second edgeof the second color gradient of the second clock face, wherein thesecond edge of the second color gradient of the second clock face isselected based on the position of the first clock hand of the secondclock face.

In some embodiments, a method comprises: at an electronic device with adisplay device: receiving a request to display a clock face; and inresponse to receiving the request to display the clock face: inaccordance with a determination that a current time is a first time,displaying, via the display device, a clock face, the clock face at thefirst time including: a digital indication of time indicating the firsttime; and a segment including a first edge at a first position and asecond edge at a second position, wherein the first edge at the firstposition indicates a first unit of time of the first time, and whereinthe second edge at the second position indicates a second unit of timeof the first time; and in accordance with a determination that a currenttime is a second time different from the first time, displaying, via thedisplay device, the clock face, the clock face at the second timeincluding: the digital indication of time indicating the second time;and the segment including the first edge and the second edge, the firstedge at a third position and the second edge at a fourth position,wherein the first edge at the third position indicates a first unit oftime of the second time, and wherein the second edge at the fourthposition indicates a second unit of time of the second time.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: receiving a request to displaya clock face; and in response to receiving the request to display theclock face: in accordance with a determination that a current time is afirst time, displaying, via the display device, a clock face, the clockface at the first time including: a digital indication of timeindicating the first time; and a segment including a first edge at afirst position and a second edge at a second position, wherein the firstedge at the first position indicates a first unit of time of the firsttime, and wherein the second edge at the second position indicates asecond unit of time of the first time; and in accordance with adetermination that a current time is a second time different from thefirst time, displaying, via the display device, the clock face, theclock face at the second time including: the digital indication of timeindicating the second time; and the segment including the first edge andthe second edge, the first edge at a third position and the second edgeat a fourth position, wherein the first edge at the third positionindicates a first unit of time of the second time, and wherein thesecond edge at the fourth position indicates a second unit of time ofthe second time.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: receiving a request to displaya clock face; and in response to receiving the request to display theclock face: in accordance with a determination that a current time is afirst time, displaying, via the display device, a clock face, the clockface at the first time including: a digital indication of timeindicating the first time; and a segment including a first edge at afirst position and a second edge at a second position, wherein the firstedge at the first position indicates a first unit of time of the firsttime, and wherein the second edge at the second position indicates asecond unit of time of the first time; and in accordance with adetermination that a current time is a second time different from thefirst time, displaying, via the display device, the clock face, theclock face at the second time including: the digital indication of timeindicating the second time; and the segment including the first edge andthe second edge, the first edge at a third position and the second edgeat a fourth position, wherein the first edge at the third positionindicates a first unit of time of the second time, and wherein thesecond edge at the fourth position indicates a second unit of time ofthe second time.

In some embodiments, an electronic device comprises: a display device;one or more processors; and memory storing one or more programsconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: receiving a request to display aclock face; and in response to receiving the request to display theclock face: in accordance with a determination that a current time is afirst time, displaying, via the display device, a clock face, the clockface at the first time including: a digital indication of timeindicating the first time; and a segment including a first edge at afirst position and a second edge at a second position, wherein the firstedge at the first position indicates a first unit of time of the firsttime, and wherein the second edge at the second position indicates asecond unit of time of the first time; and in accordance with adetermination that a current time is a second time different from thefirst time, displaying, via the display device, the clock face, theclock face at the second time including: the digital indication of timeindicating the second time; and the segment including the first edge andthe second edge, the first edge at a third position and the second edgeat a fourth position, wherein the first edge at the third positionindicates a first unit of time of the second time, and wherein thesecond edge at the fourth position indicates a second unit of time ofthe second time.

In some embodiments, an electronic device comprises: a display device;means for receiving a request to display a clock face; and means for, inresponse to receiving the request to display the clock face: inaccordance with a determination that a current time is a first time,displaying, via the display device, a clock face, the clock face at thefirst time including: a digital indication of time indicating the firsttime; and a segment including a first edge at a first position and asecond edge at a second position, wherein the first edge at the firstposition indicates a first unit of time of the first time, and whereinthe second edge at the second position indicates a second unit of timeof the first time; and in accordance with a determination that a currenttime is a second time different from the first time, displaying, via thedisplay device, the clock face, the clock face at the second timeincluding: the digital indication of time indicating the second time;and the segment including the first edge and the second edge, the firstedge at a third position and the second edge at a fourth position,wherein the first edge at the third position indicates a first unit oftime of the second time, and wherein the second edge at the fourthposition indicates a second unit of time of the second time.

In some embodiments, a method comprises: at an electronic device with adisplay device: displaying, via the display device, a first clock facethat has a respective layout including: a first indication of timepresented according to a first format at a first location in therespective layout; and a first complication at a second location in therespective layout; detecting a sequence of one or more inputscorresponding to a request to edit the first clock face; and in responseto detecting the sequence of one or more inputs corresponding to arequest to edit the first clock face, displaying, via the displaydevice, a second clock face that has the respective layout including: asecond indication of time presented according to a second formatdifferent from the first format at the first location in the respectivelayout; and the first complication at the second location in therespective layout.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a first clock face that has a respective layout including: afirst indication of time presented according to a first format at afirst location in the respective layout; and a first complication at asecond location in the respective layout; detecting a sequence of one ormore inputs corresponding to a request to edit the first clock face; andin response to detecting the sequence of one or more inputscorresponding to a request to edit the first clock face, displaying, viathe display device, a second clock face that has the respective layoutincluding: a second indication of time presented according to a secondformat different from the first format at the first location in therespective layout; and the first complication at the second location inthe respective layout.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a first clock face that has a respective layout including: afirst indication of time presented according to a first format at afirst location in the respective layout; and a first complication at asecond location in the respective layout; detecting a sequence of one ormore inputs corresponding to a request to edit the first clock face; andin response to detecting the sequence of one or more inputscorresponding to a request to edit the first clock face, displaying, viathe display device, a second clock face that has the respective layoutincluding: a second indication of time presented according to a secondformat different from the first format at the first location in therespective layout; and the first complication at the second location inthe respective layout.

In some embodiments, an electronic device comprises: a display device;one or more processors; and memory storing one or more programsconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: displaying, via the display device,a first clock face that has a respective layout including: a firstindication of time presented according to a first format at a firstlocation in the respective layout; and a first complication at a secondlocation in the respective layout; detecting a sequence of one or moreinputs corresponding to a request to edit the first clock face; and inresponse to detecting the sequence of one or more inputs correspondingto a request to edit the first clock face, displaying, via the displaydevice, a second clock face that has the respective layout including: asecond indication of time presented according to a second formatdifferent from the first format at the first location in the respectivelayout; and the first complication at the second location in therespective layout.

In some embodiments, an electronic device comprises: a display device;means for displaying, via the display device, a first clock face thathas a respective layout including: a first indication of time presentedaccording to a first format at a first location in the respectivelayout; and a first complication at a second location in the respectivelayout; means for detecting a sequence of one or more inputscorresponding to a request to edit the first clock face; and means for,in response to detecting the sequence of one or more inputscorresponding to a request to edit the first clock face, displaying, viathe display device, a second clock face that has the respective layoutincluding: a second indication of time presented according to a secondformat different from the first format at the first location in therespective layout; and the first complication at the second location inthe respective layout.

In some embodiments, a method comprises: at an electronic device with adisplay device: receiving a first request to display a clock face; inresponse to receiving the first request to display the clock face,displaying, via the display device, a clock face with an indication of afirst time, the clock face at the first time including: an analog dialrepresenting a twenty-four hour time period; and an inset timeindication at a first position on the clock face inside the analog dial,the inset time indication indicating the first time; and receiving asecond request to display the clock face; and in response to receivingthe second request to display the clock face, displaying, via thedisplay device, the clock face with an indication of a second time thatis different from the first time, the clock face at the second timeincluding: the analog dial representing a twenty-four hour time period;and the inset time indication at a second position on the clock faceinside the analog dial different from the first position on the clockface inside the analog dial, the inset time indication indicating thesecond time.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: receiving a first request todisplay a clock face; in response to receiving the first request todisplay the clock face, displaying, via the display device, a clock facewith an indication of a first time, the clock face at the first timeincluding: an analog dial representing a twenty-four hour time period;and an inset time indication at a first position on the clock faceinside the analog dial, the inset time indication indicating the firsttime; and receiving a second request to display the clock face; and inresponse to receiving the second request to display the clock face,displaying, via the display device, the clock face with an indication ofa second time that is different from the first time, the clock face atthe second time including: the analog dial representing a twenty-fourhour time period; and the inset time indication at a second position onthe clock face inside the analog dial different from the first positionon the clock face inside the analog dial, the inset time indicationindicating the second time.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: receiving a first request todisplay a clock face; in response to receiving the first request todisplay the clock face, displaying, via the display device, a clock facewith an indication of a first time, the clock face at the first timeincluding: an analog dial representing a twenty-four hour time period;and an inset time indication at a first position on the clock faceinside the analog dial, the inset time indication indicating the firsttime; and receiving a second request to display the clock face; and inresponse to receiving the second request to display the clock face,displaying, via the display device, the clock face with an indication ofa second time that is different from the first time, the clock face atthe second time including: the analog dial representing a twenty-fourhour time period; and the inset time indication at a second position onthe clock face inside the analog dial different from the first positionon the clock face inside the analog dial, the inset time indicationindicating the second time.

In some embodiments, an electronic device comprises: a display device;one or more processors; and memory storing one or more programsconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: receiving a first request todisplay a clock face; in response to receiving the first request todisplay the clock face, displaying, via the display device, a clock facewith an indication of a first time, the clock face at the first timeincluding: an analog dial representing a twenty-four hour time period;and an inset time indication at a first position on the clock faceinside the analog dial, the inset time indication indicating the firsttime; and receiving a second request to display the clock face; and inresponse to receiving the second request to display the clock face,displaying, via the display device, the clock face with an indication ofa second time that is different from the first time, the clock face atthe second time including: the analog dial representing a twenty-fourhour time period; and the inset time indication at a second position onthe clock face inside the analog dial different from the first positionon the clock face inside the analog dial, the inset time indicationindicating the second time.

In some embodiments, an electronic device comprises: a display device;means for receiving a first request to display a clock face; means for,in response to receiving the first request to display the clock face,displaying, via the display device, a clock face with an indication of afirst time, the clock face at the first time including: an analog dialrepresenting a twenty-four hour time period; and an inset timeindication at a first position on the clock face inside the analog dial,the inset time indication indicating the first time; and means forreceiving a second request to display the clock face; and means for, inresponse to receiving the second request to display the clock face,displaying, via the display device, the clock face with an indication ofa second time that is different from the first time, the clock face atthe second time including: the analog dial representing a twenty-fourhour time period; and the inset time indication at a second position onthe clock face inside the analog dial different from the first positionon the clock face inside the analog dial, the inset time indicationindicating the second time.

In some embodiments, a method includes, at an electronic device with adisplay device: displaying, via the display device, a selection userinterface for selecting a clock face among a plurality of clock faces,wherein displaying the selection user interface for selecting a clockface among a plurality of clock faces includes displaying at least aportion of two or more different clock faces from the plurality of clockfaces, including displaying a first clock face of the plurality of clockfaces at a first size; while displaying, via the display device, theselection user interface for selecting a clock face among the pluralityof clock faces, detecting a user input at a location corresponding tothe first clock face; in response to detecting the user input: inaccordance with a determination that the user input meets first inputcriteria: displaying, via the display device, the first clock face at asecond size that is greater than the first size; and in accordance witha determination that the user input meets second input criteria that isdifferent from the first input criteria: displaying, via the displaydevice, a reordering user interface for reordering the plurality ofclock faces, wherein displaying the reordering user interface forreordering the plurality of clock faces includes displaying at least aportion of three or more clock faces, including the first clock face andat least a portion of a clock face that was not displayed prior todetecting the user input; while displaying the reordering userinterface, detecting movement corresponding to the first clock face; andin response to detecting the movement corresponding to the first clockface, moving the first clock face relative to one or more of the otherclock faces in the reordering user interface in accordance with thedetected movement.

In some embodiments, a non-transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a selection user interface for selecting a clock face among aplurality of clock faces, wherein displaying the selection userinterface for selecting a clock face among a plurality of clock facesincludes displaying at least a portion of two or more different clockfaces from the plurality of clock faces, including displaying a firstclock face of the plurality of clock faces at a first size; whiledisplaying, via the display device, the selection user interface forselecting a clock face among the plurality of clock faces, detecting auser input at a location corresponding to the first clock face; inresponse to detecting the user input: in accordance with a determinationthat the user input meets first input criteria: displaying, via thedisplay device, the first clock face at a second size that is greaterthan the first size; and in accordance with a determination that theuser input meets second input criteria that is different from the firstinput criteria: displaying, via the display device, a reordering userinterface for reordering the plurality of clock faces, whereindisplaying the reordering user interface for reordering the plurality ofclock faces includes displaying at least a portion of three or moreclock faces, including the first clock face and at least a portion of aclock face that was not displayed prior to detecting the user input;while displaying the reordering user interface, detecting movementcorresponding to the first clock face; and in response to detecting themovement corresponding to the first clock face, moving the first clockface relative to one or more of the other clock faces in the reorderinguser interface in accordance with the detected movement.

In some embodiments, a transitory computer-readable storage mediumstores one or more programs configured to be executed by one or moreprocessors of an electronic device with a display device, the one ormore programs including instructions for: displaying, via the displaydevice, a selection user interface for selecting a clock face among aplurality of clock faces, wherein displaying the selection userinterface for selecting a clock face among a plurality of clock facesincludes displaying at least a portion of two or more different clockfaces from the plurality of clock faces, including displaying a firstclock face of the plurality of clock faces at a first size; whiledisplaying, via the display device, the selection user interface forselecting a clock face among the plurality of clock faces, detecting auser input at a location corresponding to the first clock face; inresponse to detecting the user input: in accordance with a determinationthat the user input meets first input criteria: displaying, via thedisplay device, the first clock face at a second size that is greaterthan the first size; and in accordance with a determination that theuser input meets second input criteria that is different from the firstinput criteria: displaying, via the display device, a reordering userinterface for reordering the plurality of clock faces, whereindisplaying the reordering user interface for reordering the plurality ofclock faces includes displaying at least a portion of three or moreclock faces, including the first clock face and at least a portion of aclock face that was not displayed prior to detecting the user input;while displaying the reordering user interface, detecting movementcorresponding to the first clock face; and in response to detecting themovement corresponding to the first clock face, moving the first clockface relative to one or more of the other clock faces in the reorderinguser interface in accordance with the detected movement.

In some embodiments, an electronic device includes a display device; oneor more processors; and memory storing one or more programs configuredto be executed by the one or more processors, the one or more programsincluding instructions for: displaying, via the display device, aselection user interface for selecting a clock face among a plurality ofclock faces, wherein displaying the selection user interface forselecting a clock face among a plurality of clock faces includesdisplaying at least a portion of two or more different clock faces fromthe plurality of clock faces, including displaying a first clock face ofthe plurality of clock faces at a first size; while displaying, via thedisplay device, the selection user interface for selecting a clock faceamong the plurality of clock faces, detecting a user input at a locationcorresponding to the first clock face; in response to detecting the userinput: in accordance with a determination that the user input meetsfirst input criteria: displaying, via the display device, the firstclock face at a second size that is greater than the first size; and inaccordance with a determination that the user input meets second inputcriteria that is different from the first input criteria: displaying,via the display device, a reordering user interface for reordering theplurality of clock faces, wherein displaying the reordering userinterface for reordering the plurality of clock faces includesdisplaying at least a portion of three or more clock faces, includingthe first clock face and at least a portion of a clock face that was notdisplayed prior to detecting the user input; while displaying thereordering user interface, detecting movement corresponding to the firstclock face; and in response to detecting the movement corresponding tothe first clock face, moving the first clock face relative to one ormore of the other clock faces in the reordering user interface inaccordance with the detected movement.

In some embodiments, an electronic device includes a display device;means for displaying, via the display device, a selection user interfacefor selecting a clock face among a plurality of clock faces, whereindisplaying the selection user interface for selecting a clock face amonga plurality of clock faces includes displaying at least a portion of twoor more different clock faces from the plurality of clock faces,including displaying a first clock face of the plurality of clock facesat a first size; means for, while displaying, via the display device,the selection user interface for selecting a clock face among theplurality of clock faces, detecting a user input at a locationcorresponding to the first clock face; means for, in response todetecting the user input: in accordance with a determination that theuser input meets first input criteria: displaying, via the displaydevice, the first clock face at a second size that is greater than thefirst size; and in accordance with a determination that the user inputmeets second input criteria that is different from the first inputcriteria: displaying, via the display device, a reordering userinterface for reordering the plurality of clock faces, whereindisplaying the reordering user interface for reordering the plurality ofclock faces includes displaying at least a portion of three or moreclock faces, including the first clock face and at least a portion of aclock face that was not displayed prior to detecting the user input;means for, while displaying the reordering user interface, detectingmovement corresponding to the first clock face; and means for, inresponse to detecting the movement corresponding to the first clockface, moving the first clock face relative to one or more of the otherclock faces in the reordering user interface in accordance with thedetected movement.

Executable instructions for performing these functions are, optionally,included in a non-transitory computer-readable storage medium or othercomputer program product configured for execution by one or moreprocessors. Executable instructions for performing these functions are,optionally, included in a transitory computer-readable storage medium orother computer program product configured for execution by one or moreprocessors.

Thus, devices are provided with faster, more efficient methods andinterfaces for presenting and interacting with clock faces, therebyincreasing the effectiveness, efficiency, and user satisfaction withsuch devices. Such methods and interfaces may complement or replaceother methods for presenting and interacting with clock faces.

DESCRIPTION OF THE FIGURES

For a better understanding of the various described embodiments,reference should be made to the Description of Embodiments below, inconjunction with the following drawings in which like reference numeralsrefer to corresponding parts throughout the figures.

FIG. 1A is a block diagram illustrating a portable multifunction devicewith a touch-sensitive display in accordance with some embodiments.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments.

FIG. 2 illustrates a portable multifunction device having a touch screenin accordance with some embodiments.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on a portable multifunction device in accordance with someembodiments.

FIG. 4B illustrates an exemplary user interface for a multifunctiondevice with a touch-sensitive surface that is separate from the displayin accordance with some embodiments.

FIG. 5A illustrates a personal electronic device in accordance with someembodiments.

FIG. 5B is a block diagram illustrating a personal electronic device inaccordance with some embodiments.

FIGS. 5C-5D illustrate exemplary components of a personal electronicdevice having a touch-sensitive display and intensity sensors inaccordance with some embodiments.

FIGS. 5E-5H illustrate exemplary components and user interfaces of apersonal electronic device in accordance with some embodiments.

FIGS. 6A-6J illustrate exemplary user interfaces in accordance with someembodiments.

FIG. 7 illustrates an exemplary method in accordance with someembodiments.

FIGS. 8A-8T illustrate exemplary user interfaces in accordance with someembodiments.

FIG. 9 illustrates an exemplary method in accordance with someembodiments.

FIGS. 10A-10N illustrate exemplary user interfaces in accordance withsome embodiments.

FIG. 11 illustrates an exemplary method in accordance with someembodiments.

FIGS. 12A-12M illustrate exemplary user interfaces in accordance withsome embodiments.

FIG. 13 illustrates an exemplary method in accordance with someembodiments.

FIGS. 14A-14H illustrate exemplary user interfaces in accordance withsome embodiments.

FIG. 15 illustrates an exemplary method in accordance with someembodiments.

FIGS. 16A-16K illustrate exemplary user interfaces in accordance withsome embodiments.

FIG. 17 illustrates an exemplary method in accordance with someembodiments.

FIGS. 18A-18L illustrate exemplary user interfaces for reordering clockfaces, in accordance with some embodiments.

FIGS. 19A-19B illustrate an exemplary method for reordering clock faces,in accordance with some embodiments.

DESCRIPTION OF EMBODIMENTS

The following description sets forth exemplary methods, parameters, andthe like. It should be recognized, however, that such description is notintended as a limitation on the scope of the present disclosure but isinstead provided as a description of exemplary embodiments.

There is a need for electronic devices that provide efficient methodsand interfaces for presenting and interacting with clock faces.According to some embodiments, an element of an analog dial of a clockface is displayed based on a determination of whether or not anothergraphical element (e.g., a notification or a complication) is to bedisplayed on the clock face. According to some embodiments, anindication of time is displayed according to a selected language whilethe language in which other graphical elements of a clock face (e.g.,complications) are displayed is maintained. According to someembodiments, a device displays a clock face including a gradient that isdisplayed based on the position of a clock hand, and in response toinput, the device displays a clock face with two gradients, where thedisplay of the two gradients is based on the positions of two clockhands. According to some embodiments, a clock face is displayed with adigital indication of time and a segments with two edges, where thepositions of the two edges of the segment indicate hours and minutes ofa time. According to some embodiments, the format of an indication oftime on a clock face is changed in response to input, while the layoutof the clock face and the position of other graphical elements remainsthe same. According to some embodiments, a clock face is displayed withan analog dial that represents a twenty-four hour time period and aninset time indication within the analog dial that indicates the currenttime, where the position of the inset time indication is based on thecurrent time. Such techniques can reduce the cognitive burden on a userwho views activity trends and/or manages workouts, thereby enhancingproductivity. Further, such techniques can reduce processor and batterypower otherwise wasted on redundant user inputs.

Below, FIGS. 1A-1B, 2, 3, 4A-4B, and 5A-5H provide a description ofexemplary devices for performing the techniques for presenting andinteracting with clock faces. FIGS. 6A-6J, 8A-8T, 10A-ON, 12A-12M,14A-14H, and 16A-16K illustrate exemplary user interfaces for presentingand interacting with clock faces. FIGS. 7, 9, 11, 13, 15, and 17 areflow diagrams illustrating methods of presenting and interacting withclock faces in accordance with some embodiments. The user interfaces inFIGS. 6A-6J are used to illustrate the processes described below,including the processes in FIG. 7. The user interfaces in FIGS. 8A-8Tare used to illustrate the processes described below, including theprocesses in FIG. 9. The user interfaces in FIGS. 10A-10N are used toillustrate the processes described below, including the processes inFIG. 11. The user interfaces in FIGS. 12A-12M are used to illustrate theprocesses described below, including the processes in FIG. 13. The userinterfaces in FIGS. 14A-14H are used to illustrate the processesdescribed below, including the processes in FIG. 15. The user interfacesin FIGS. 16A-16K are used to illustrate the processes described below,including the processes in FIG. 17. FIGS. 19A-19B is a flow diagramillustrating an exemplary method for reordering clock faces, inaccordance with some embodiments. FIGS. 18A-18L are used to illustratethe processes described below, including the processes in FIGS. 19A-19B.

Although the following description uses terms “first,” “second,” etc. todescribe various elements, these elements should not be limited by theterms. These terms are only used to distinguish one element fromanother. For example, a first touch could be termed a second touch, and,similarly, a second touch could be termed a first touch, withoutdeparting from the scope of the various described embodiments. The firsttouch and the second touch are both touches, but they are not the sametouch.

The terminology used in the description of the various describedembodiments herein is for the purpose of describing particularembodiments only and is not intended to be limiting. As used in thedescription of the various described embodiments and the appendedclaims, the singular forms “a,” “an,” and “the” are intended to includethe plural forms as well, unless the context clearly indicatesotherwise. It will also be understood that the term “and/or” as usedherein refers to and encompasses any and all possible combinations ofone or more of the associated listed items. It will be furtherunderstood that the terms “includes,” “including,” “comprises,” and/or“comprising,” when used in this specification, specify the presence ofstated features, integers, steps, operations, elements, and/orcomponents, but do not preclude the presence or addition of one or moreother features, integers, steps, operations, elements, components,and/or groups thereof.

The term “if” is, optionally, construed to mean “when” or “upon” or “inresponse to determining” or “in response to detecting,” depending on thecontext. Similarly, the phrase “if it is determined” or “if [a statedcondition or event] is detected” is, optionally, construed to mean “upondetermining” or “in response to determining” or “upon detecting [thestated condition or event]” or “in response to detecting [the statedcondition or event],” depending on the context.

Embodiments of electronic devices, user interfaces for such devices, andassociated processes for using such devices are described. In someembodiments, the device is a portable communications device, such as amobile telephone, that also contains other functions, such as PDA and/ormusic player functions. Exemplary embodiments of portable multifunctiondevices include, without limitation, the iPhone®, iPod Touch®, and iPad®devices from Apple Inc. of Cupertino, Calif. Other portable electronicdevices, such as laptops or tablet computers with touch-sensitivesurfaces (e.g., touch screen displays and/or touchpads), are,optionally, used. It should also be understood that, in someembodiments, the device is not a portable communications device, but isa desktop computer with a touch-sensitive surface (e.g., a touch screendisplay and/or a touchpad).

In the discussion that follows, an electronic device that includes adisplay and a touch-sensitive surface is described. It should beunderstood, however, that the electronic device optionally includes oneor more other physical user-interface devices, such as a physicalkeyboard, a mouse, and/or a joystick.

The device typically supports a variety of applications, such as one ormore of the following: a drawing application, a presentationapplication, a word processing application, a website creationapplication, a disk authoring application, a spreadsheet application, agaming application, a telephone application, a video conferencingapplication, an e-mail application, an instant messaging application, aworkout support application, a photo management application, a digitalcamera application, a digital video camera application, a web browsingapplication, a digital music player application, and/or a digital videoplayer application.

The various applications that are executed on the device optionally useat least one common physical user-interface device, such as thetouch-sensitive surface. One or more functions of the touch-sensitivesurface as well as corresponding information displayed on the deviceare, optionally, adjusted and/or varied from one application to the nextand/or within a respective application. In this way, a common physicalarchitecture (such as the touch-sensitive surface) of the deviceoptionally supports the variety of applications with user interfacesthat are intuitive and transparent to the user.

Attention is now directed toward embodiments of portable devices withtouch-sensitive displays. FIG. 1A is a block diagram illustratingportable multifunction device 100 with touch-sensitive display system112 in accordance with some embodiments. Touch-sensitive display 112 issometimes called a “touch screen” for convenience and is sometimes knownas or called a “touch-sensitive display system.” Device 100 includesmemory 102 (which optionally includes one or more computer-readablestorage mediums), memory controller 122, one or more processing units(CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry110, speaker 111, microphone 113, input/output (I/O) subsystem 106,other input control devices 116, and external port 124. Device 100optionally includes one or more optical sensors 164. Device 100optionally includes one or more contact intensity sensors 165 fordetecting intensity of contacts on device 100 (e.g., a touch-sensitivesurface such as touch-sensitive display system 112 of device 100).Device 100 optionally includes one or more tactile output generators 167for generating tactile outputs on device 100 (e.g., generating tactileoutputs on a touch-sensitive surface such as touch-sensitive displaysystem 112 of device 100 or touchpad 355 of device 300). Thesecomponents optionally communicate over one or more communication busesor signal lines 103.

As used in the specification and claims, the term “intensity” of acontact on a touch-sensitive surface refers to the force or pressure(force per unit area) of a contact (e.g., a finger contact) on thetouch-sensitive surface, or to a substitute (proxy) for the force orpressure of a contact on the touch-sensitive surface. The intensity of acontact has a range of values that includes at least four distinctvalues and more typically includes hundreds of distinct values (e.g., atleast 256). Intensity of a contact is, optionally, determined (ormeasured) using various approaches and various sensors or combinationsof sensors. For example, one or more force sensors underneath oradjacent to the touch-sensitive surface are, optionally, used to measureforce at various points on the touch-sensitive surface. In someimplementations, force measurements from multiple force sensors arecombined (e.g., a weighted average) to determine an estimated force of acontact. Similarly, a pressure-sensitive tip of a stylus is, optionally,used to determine a pressure of the stylus on the touch-sensitivesurface. Alternatively, the size of the contact area detected on thetouch-sensitive surface and/or changes thereto, the capacitance of thetouch-sensitive surface proximate to the contact and/or changes thereto,and/or the resistance of the touch-sensitive surface proximate to thecontact and/or changes thereto are, optionally, used as a substitute forthe force or pressure of the contact on the touch-sensitive surface. Insome implementations, the substitute measurements for contact force orpressure are used directly to determine whether an intensity thresholdhas been exceeded (e.g., the intensity threshold is described in unitscorresponding to the substitute measurements). In some implementations,the substitute measurements for contact force or pressure are convertedto an estimated force or pressure, and the estimated force or pressureis used to determine whether an intensity threshold has been exceeded(e.g., the intensity threshold is a pressure threshold measured in unitsof pressure). Using the intensity of a contact as an attribute of a userinput allows for user access to additional device functionality that mayotherwise not be accessible by the user on a reduced-size device withlimited real estate for displaying affordances (e.g., on atouch-sensitive display) and/or receiving user input (e.g., via atouch-sensitive display, a touch-sensitive surface, or aphysical/mechanical control such as a knob or a button).

As used in the specification and claims, the term “tactile output”refers to physical displacement of a device relative to a previousposition of the device, physical displacement of a component (e.g., atouch-sensitive surface) of a device relative to another component(e.g., housing) of the device, or displacement of the component relativeto a center of mass of the device that will be detected by a user withthe user's sense of touch. For example, in situations where the deviceor the component of the device is in contact with a surface of a userthat is sensitive to touch (e.g., a finger, palm, or other part of auser's hand), the tactile output generated by the physical displacementwill be interpreted by the user as a tactile sensation corresponding toa perceived change in physical characteristics of the device or thecomponent of the device. For example, movement of a touch-sensitivesurface (e.g., a touch-sensitive display or trackpad) is, optionally,interpreted by the user as a “down click” or “up click” of a physicalactuator button. In some cases, a user will feel a tactile sensationsuch as an “down click” or “up click” even when there is no movement ofa physical actuator button associated with the touch-sensitive surfacethat is physically pressed (e.g., displaced) by the user's movements. Asanother example, movement of the touch-sensitive surface is, optionally,interpreted or sensed by the user as “roughness” of the touch-sensitivesurface, even when there is no change in smoothness of thetouch-sensitive surface. While such interpretations of touch by a userwill be subject to the individualized sensory perceptions of the user,there are many sensory perceptions of touch that are common to a largemajority of users. Thus, when a tactile output is described ascorresponding to a particular sensory perception of a user (e.g., an “upclick,” a “down click,” “roughness”), unless otherwise stated, thegenerated tactile output corresponds to physical displacement of thedevice or a component thereof that will generate the described sensoryperception for a typical (or average) user.

It should be appreciated that device 100 is only one example of aportable multifunction device, and that device 100 optionally has moreor fewer components than shown, optionally combines two or morecomponents, or optionally has a different configuration or arrangementof the components. The various components shown in FIG. 1A areimplemented in hardware, software, or a combination of both hardware andsoftware, including one or more signal processing and/orapplication-specific integrated circuits.

Memory 102 optionally includes high-speed random access memory andoptionally also includes non-volatile memory, such as one or moremagnetic disk storage devices, flash memory devices, or othernon-volatile solid-state memory devices. Memory controller 122optionally controls access to memory 102 by other components of device100.

Peripherals interface 118 can be used to couple input and outputperipherals of the device to CPU 120 and memory 102. The one or moreprocessors 120 run or execute various software programs and/or sets ofinstructions stored in memory 102 to perform various functions fordevice 100 and to process data. In some embodiments, peripheralsinterface 118, CPU 120, and memory controller 122 are, optionally,implemented on a single chip, such as chip 104. In some otherembodiments, they are, optionally, implemented on separate chips.

RF (radio frequency) circuitry 108 receives and sends RF signals, alsocalled electromagnetic signals. RF circuitry 108 converts electricalsignals to/from electromagnetic signals and communicates withcommunications networks and other communications devices via theelectromagnetic signals. RF circuitry 108 optionally includes well-knowncircuitry for performing these functions, including but not limited toan antenna system, an RF transceiver, one or more amplifiers, a tuner,one or more oscillators, a digital signal processor, a CODEC chipset, asubscriber identity module (SIM) card, memory, and so forth. RFcircuitry 108 optionally communicates with networks, such as theInternet, also referred to as the World Wide Web (WWW), an intranetand/or a wireless network, such as a cellular telephone network, awireless local area network (LAN) and/or a metropolitan area network(MAN), and other devices by wireless communication. The RF circuitry 108optionally includes well-known circuitry for detecting near fieldcommunication (NFC) fields, such as by a short-range communicationradio. The wireless communication optionally uses any of a plurality ofcommunications standards, protocols, and technologies, including but notlimited to Global System for Mobile Communications (GSM), Enhanced DataGSM Environment (EDGE), high-speed downlink packet access (HSDPA),high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO),HSPA, HSPA+, Dual-Cell HSPA (DC-HSPDA), long term evolution (LTE), nearfield communication (NFC), wideband code division multiple access(W-CDMA), code division multiple access (CDMA), time division multipleaccess (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity(Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n,and/or IEEE 802.11ac), voice over Internet Protocol (VoP), Wi-MAX, aprotocol for e-mail (e.g., Internet message access protocol (IMAP)and/or post office protocol (POP)), instant messaging (e.g., extensiblemessaging and presence protocol (XMPP), Session Initiation Protocol forInstant Messaging and Presence Leveraging Extensions (SIMPLE), InstantMessaging and Presence Service (IMPS)), and/or Short Message Service(SMS), or any other suitable communication protocol, includingcommunication protocols not yet developed as of the filing date of thisdocument.

Audio circuitry 110, speaker 111, and microphone 113 provide an audiointerface between a user and device 100. Audio circuitry 110 receivesaudio data from peripherals interface 118, converts the audio data to anelectrical signal, and transmits the electrical signal to speaker 111.Speaker 111 converts the electrical signal to human-audible sound waves.Audio circuitry 110 also receives electrical signals converted bymicrophone 113 from sound waves. Audio circuitry 110 converts theelectrical signal to audio data and transmits the audio data toperipherals interface 118 for processing. Audio data is, optionally,retrieved from and/or transmitted to memory 102 and/or RF circuitry 108by peripherals interface 118. In some embodiments, audio circuitry 110also includes a headset jack (e.g., 212, FIG. 2). The headset jackprovides an interface between audio circuitry 110 and removable audioinput/output peripherals, such as output-only headphones or a headsetwith both output (e.g., a headphone for one or both ears) and input(e.g., a microphone).

I/O subsystem 106 couples input/output peripherals on device 100, suchas touch screen 112 and other input control devices 116, to peripheralsinterface 118. I/O subsystem 106 optionally includes display controller156, optical sensor controller 158, depth camera controller 169,intensity sensor controller 159, haptic feedback controller 161, and oneor more input controllers 160 for other input or control devices. Theone or more input controllers 160 receive/send electrical signalsfrom/to other input control devices 116. The other input control devices116 optionally include physical buttons (e.g., push buttons, rockerbuttons, etc.), dials, slider switches, joysticks, click wheels, and soforth. In some alternate embodiments, input controller(s) 160 are,optionally, coupled to any (or none) of the following: a keyboard, aninfrared port, a USB port, and a pointer device such as a mouse. The oneor more buttons (e.g., 208, FIG. 2) optionally include an up/down buttonfor volume control of speaker 111 and/or microphone 113. The one or morebuttons optionally include a push button (e.g., 206, FIG. 2).

A quick press of the push button optionally disengages a lock of touchscreen 112 or optionally begins a process that uses gestures on thetouch screen to unlock the device, as described in U.S. patentapplication Ser. No. 11/322,549, “Unlocking a Device by PerformingGestures on an Unlock Image,” filed Dec. 23, 2005, U.S. Pat. No.7,657,849, which is hereby incorporated by reference in its entirety. Alonger press of the push button (e.g., 206) optionally turns power todevice 100 on or off. The functionality of one or more of the buttonsare, optionally, user-customizable. Touch screen 112 is used toimplement virtual or soft buttons and one or more soft keyboards.

Touch-sensitive display 112 provides an input interface and an outputinterface between the device and a user. Display controller 156 receivesand/or sends electrical signals from/to touch screen 112. Touch screen112 displays visual output to the user. The visual output optionallyincludes graphics, text, icons, video, and any combination thereof(collectively termed “graphics”). In some embodiments, some or all ofthe visual output optionally corresponds to user-interface objects.

Touch screen 112 has a touch-sensitive surface, sensor, or set ofsensors that accepts input from the user based on haptic and/or tactilecontact. Touch screen 112 and display controller 156 (along with anyassociated modules and/or sets of instructions in memory 102) detectcontact (and any movement or breaking of the contact) on touch screen112 and convert the detected contact into interaction withuser-interface objects (e.g., one or more soft keys, icons, web pages,or images) that are displayed on touch screen 112. In an exemplaryembodiment, a point of contact between touch screen 112 and the usercorresponds to a finger of the user.

Touch screen 112 optionally uses LCD (liquid crystal display)technology, LPD (light emitting polymer display) technology, or LED(light emitting diode) technology, although other display technologiesare used in other embodiments. Touch screen 112 and display controller156 optionally detect contact and any movement or breaking thereof usingany of a plurality of touch sensing technologies now known or laterdeveloped, including but not limited to capacitive, resistive, infrared,and surface acoustic wave technologies, as well as other proximitysensor arrays or other elements for determining one or more points ofcontact with touch screen 112. In an exemplary embodiment, projectedmutual capacitance sensing technology is used, such as that found in theiPhone® and iPod Touch® from Apple Inc. of Cupertino, Calif.

A touch-sensitive display in some embodiments of touch screen 112 is,optionally, analogous to the multi-touch sensitive touchpads describedin the following U.S. Pat. No. 6,323,846 (Westerman et al.), U.S. Pat.No. 6,570,557 (Westerman et al.), and/or U.S. Pat. No. 6,677,932(Westerman), and/or U.S. Patent Publication 2002/0015024A1, each ofwhich is hereby incorporated by reference in its entirety. However,touch screen 112 displays visual output from device 100, whereastouch-sensitive touchpads do not provide visual output.

A touch-sensitive display in some embodiments of touch screen 112 isdescribed in the following applications: (1) U.S. patent applicationSer. No. 11/381,313, “Multipoint Touch Surface Controller,” filed May 2,2006; (2) U.S. patent application Ser. No. 10/840,862, “MultipointTouchscreen,” filed May 6, 2004; (3) U.S. patent application Ser. No.10/903,964, “Gestures For Touch Sensitive Input Devices,” filed Jul. 30,2004; (4) U.S. patent application Ser. No. 11/048,264, “Gestures ForTouch Sensitive Input Devices,” filed Jan. 31, 2005; (5) U.S. patentapplication Ser. No. 11/038,590, “Mode-Based Graphical User InterfacesFor Touch Sensitive Input Devices,” filed Jan. 18, 2005; (6) U.S. patentapplication Ser. No. 11/228,758, “Virtual Input Device Placement On ATouch Screen User Interface,” filed Sep. 16, 2005; (7) U.S. patentapplication Ser. No. 11/228,700, “Operation Of A Computer With A TouchScreen Interface,” filed Sep. 16, 2005; (8) U.S. patent application Ser.No. 11/228,737, “Activating Virtual Keys Of A Touch-Screen VirtualKeyboard,” filed Sep. 16, 2005; and (9) U.S. patent application Ser. No.11/367,749, “Multi-Functional Hand-Held Device,” filed Mar. 3, 2006. Allof these applications are incorporated by reference herein in theirentirety.

Touch screen 112 optionally has a video resolution in excess of 100 dpi.In some embodiments, the touch screen has a video resolution ofapproximately 160 dpi. The user optionally makes contact with touchscreen 112 using any suitable object or appendage, such as a stylus, afinger, and so forth. In some embodiments, the user interface isdesigned to work primarily with finger-based contacts and gestures,which can be less precise than stylus-based input due to the larger areaof contact of a finger on the touch screen. In some embodiments, thedevice translates the rough finger-based input into a precisepointer/cursor position or command for performing the actions desired bythe user.

In some embodiments, in addition to the touch screen, device 100optionally includes a touchpad for activating or deactivating particularfunctions. In some embodiments, the touchpad is a touch-sensitive areaof the device that, unlike the touch screen, does not display visualoutput. The touchpad is, optionally, a touch-sensitive surface that isseparate from touch screen 112 or an extension of the touch-sensitivesurface formed by the touch screen.

Device 100 also includes power system 162 for powering the variouscomponents. Power system 162 optionally includes a power managementsystem, one or more power sources (e.g., battery, alternating current(AC)), a recharging system, a power failure detection circuit, a powerconverter or inverter, a power status indicator (e.g., a light-emittingdiode (LED)) and any other components associated with the generation,management and distribution of power in portable devices.

Device 100 optionally also includes one or more optical sensors 164.FIG. 1A shows an optical sensor coupled to optical sensor controller 158in I/O subsystem 106. Optical sensor 164 optionally includescharge-coupled device (CCD) or complementary metal-oxide semiconductor(CMOS) phototransistors. Optical sensor 164 receives light from theenvironment, projected through one or more lenses, and converts thelight to data representing an image. In conjunction with imaging module143 (also called a camera module), optical sensor 164 optionallycaptures still images or video. In some embodiments, an optical sensoris located on the back of device 100, opposite touch screen display 112on the front of the device so that the touch screen display is enabledfor use as a viewfinder for still and/or video image acquisition. Insome embodiments, an optical sensor is located on the front of thedevice so that the user's image is, optionally, obtained for videoconferencing while the user views the other video conferenceparticipants on the touch screen display. In some embodiments, theposition of optical sensor 164 can be changed by the user (e.g., byrotating the lens and the sensor in the device housing) so that a singleoptical sensor 164 is used along with the touch screen display for bothvideo conferencing and still and/or video image acquisition.

Device 100 optionally also includes one or more depth camera sensors175. FIG. 1A shows a depth camera sensor coupled to depth cameracontroller 169 in I/O subsystem 106. Depth camera sensor 175 receivesdata from the environment to create a three dimensional model of anobject (e.g., a face) within a scene from a viewpoint (e.g., a depthcamera sensor). In some embodiments, in conjunction with imaging module143 (also called a camera module), depth camera sensor 175 is optionallyused to determine a depth map of different portions of an image capturedby the imaging module 143. In some embodiments, a depth camera sensor islocated on the front of device 100 so that the user's image with depthinformation is, optionally, obtained for video conferencing while theuser views the other video conference participants on the touch screendisplay and to capture selfies with depth map data. In some embodiments,the depth camera sensor 175 is located on the back of device, or on theback and the front of the device 100. In some embodiments, the positionof depth camera sensor 175 can be changed by the user (e.g., by rotatingthe lens and the sensor in the device housing) so that a depth camerasensor 175 is used along with the touch screen display for both videoconferencing and still and/or video image acquisition.

Device 100 optionally also includes one or more contact intensitysensors 165. FIG. 1A shows a contact intensity sensor coupled tointensity sensor controller 159 in I/O subsystem 106. Contact intensitysensor 165 optionally includes one or more piezoresistive strain gauges,capacitive force sensors, electric force sensors, piezoelectric forcesensors, optical force sensors, capacitive touch-sensitive surfaces, orother intensity sensors (e.g., sensors used to measure the force (orpressure) of a contact on a touch-sensitive surface). Contact intensitysensor 165 receives contact intensity information (e.g., pressureinformation or a proxy for pressure information) from the environment.In some embodiments, at least one contact intensity sensor is collocatedwith, or proximate to, a touch-sensitive surface (e.g., touch-sensitivedisplay system 112). In some embodiments, at least one contact intensitysensor is located on the back of device 100, opposite touch screendisplay 112, which is located on the front of device 100.

Device 100 optionally also includes one or more proximity sensors 166.FIG. 1A shows proximity sensor 166 coupled to peripherals interface 118.Alternately, proximity sensor 166 is, optionally, coupled to inputcontroller 160 in I/O subsystem 106. Proximity sensor 166 optionallyperforms as described in U.S. patent application Ser. No. 11/241,839,“Proximity Detector In Handheld Device”; Ser. No. 11/240,788, “ProximityDetector In Handheld Device”; Ser. No. 11/620,702, “Using Ambient LightSensor To Augment Proximity Sensor Output”; Ser. No. 11/586,862,“Automated Response To And Sensing Of User Activity In PortableDevices”; and Ser. No. 11/638,251, “Methods And Systems For AutomaticConfiguration Of Peripherals,” which are hereby incorporated byreference in their entirety. In some embodiments, the proximity sensorturns off and disables touch screen 112 when the multifunction device isplaced near the user's ear (e.g., when the user is making a phone call).

Device 100 optionally also includes one or more tactile outputgenerators 167. FIG. 1A shows a tactile output generator coupled tohaptic feedback controller 161 in I/O subsystem 106. Tactile outputgenerator 167 optionally includes one or more electroacoustic devicessuch as speakers or other audio components and/or electromechanicaldevices that convert energy into linear motion such as a motor,solenoid, electroactive polymer, piezoelectric actuator, electrostaticactuator, or other tactile output generating component (e.g., acomponent that converts electrical signals into tactile outputs on thedevice). Contact intensity sensor 165 receives tactile feedbackgeneration instructions from haptic feedback module 133 and generatestactile outputs on device 100 that are capable of being sensed by a userof device 100. In some embodiments, at least one tactile outputgenerator is collocated with, or proximate to, a touch-sensitive surface(e.g., touch-sensitive display system 112) and, optionally, generates atactile output by moving the touch-sensitive surface vertically (e.g.,in/out of a surface of device 100) or laterally (e.g., back and forth inthe same plane as a surface of device 100). In some embodiments, atleast one tactile output generator sensor is located on the back ofdevice 100, opposite touch screen display 112, which is located on thefront of device 100.

Device 100 optionally also includes one or more accelerometers 168. FIG.1A shows accelerometer 168 coupled to peripherals interface 118.Alternately, accelerometer 168 is, optionally, coupled to an inputcontroller 160 in I/O subsystem 106. Accelerometer 168 optionallyperforms as described in U.S. Patent Publication No. 20050190059,“Acceleration-based Theft Detection System for Portable ElectronicDevices,” and U.S. Patent Publication No. 20060017692, “Methods AndApparatuses For Operating A Portable Device Based On An Accelerometer,”both of which are incorporated by reference herein in their entirety. Insome embodiments, information is displayed on the touch screen displayin a portrait view or a landscape view based on an analysis of datareceived from the one or more accelerometers. Device 100 optionallyincludes, in addition to accelerometer(s) 168, a magnetometer and a GPS(or GLONASS or other global navigation system) receiver for obtaininginformation concerning the location and orientation (e.g., portrait orlandscape) of device 100.

In some embodiments, the software components stored in memory 102include operating system 126, communication module (or set ofinstructions) 128, contact/motion module (or set of instructions) 130,graphics module (or set of instructions) 132, text input module (or setof instructions) 134, Global Positioning System (GPS) module (or set ofinstructions) 135, and applications (or sets of instructions) 136.Furthermore, in some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3)stores device/global internal state 157, as shown in FIGS. 1A and 3.Device/global internal state 157 includes one or more of: activeapplication state, indicating which applications, if any, are currentlyactive; display state, indicating what applications, views or otherinformation occupy various regions of touch screen display 112; sensorstate, including information obtained from the device's various sensorsand input control devices 116; and location information concerning thedevice's location and/or attitude.

Operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS,WINDOWS, or an embedded operating system such as VxWorks) includesvarious software components and/or drivers for controlling and managinggeneral system tasks (e.g., memory management, storage device control,power management, etc.) and facilitates communication between varioushardware and software components.

Communication module 128 facilitates communication with other devicesover one or more external ports 124 and also includes various softwarecomponents for handling data received by RF circuitry 108 and/orexternal port 124. External port 124 (e.g., Universal Serial Bus (USB),FIREWIRE, etc.) is adapted for coupling directly to other devices orindirectly over a network (e.g., the Internet, wireless LAN, etc.). Insome embodiments, the external port is a multi-pin (e.g., 30-pin)connector that is the same as, or similar to and/or compatible with, the30-pin connector used on iPod® (trademark of Apple Inc.) devices.

Contact/motion module 130 optionally detects contact with touch screen112 (in conjunction with display controller 156) and othertouch-sensitive devices (e.g., a touchpad or physical click wheel).Contact/motion module 130 includes various software components forperforming various operations related to detection of contact, such asdetermining if contact has occurred (e.g., detecting a finger-downevent), determining an intensity of the contact (e.g., the force orpressure of the contact or a substitute for the force or pressure of thecontact), determining if there is movement of the contact and trackingthe movement across the touch-sensitive surface (e.g., detecting one ormore finger-dragging events), and determining if the contact has ceased(e.g., detecting a finger-up event or a break in contact).Contact/motion module 130 receives contact data from the touch-sensitivesurface. Determining movement of the point of contact, which isrepresented by a series of contact data, optionally includes determiningspeed (magnitude), velocity (magnitude and direction), and/or anacceleration (a change in magnitude and/or direction) of the point ofcontact. These operations are, optionally, applied to single contacts(e.g., one finger contacts) or to multiple simultaneous contacts (e.g.,“multitouch”/multiple finger contacts). In some embodiments,contact/motion module 130 and display controller 156 detect contact on atouchpad.

In some embodiments, contact/motion module 130 uses a set of one or moreintensity thresholds to determine whether an operation has beenperformed by a user (e.g., to determine whether a user has “clicked” onan icon). In some embodiments, at least a subset of the intensitythresholds are determined in accordance with software parameters (e.g.,the intensity thresholds are not determined by the activation thresholdsof particular physical actuators and can be adjusted without changingthe physical hardware of device 100). For example, a mouse “click”threshold of a trackpad or touch screen display can be set to any of alarge range of predefined threshold values without changing the trackpador touch screen display hardware. Additionally, in some implementations,a user of the device is provided with software settings for adjustingone or more of the set of intensity thresholds (e.g., by adjustingindividual intensity thresholds and/or by adjusting a plurality ofintensity thresholds at once with a system-level click “intensity”parameter).

Contact/motion module 130 optionally detects a gesture input by a user.Different gestures on the touch-sensitive surface have different contactpatterns (e.g., different motions, timings, and/or intensities ofdetected contacts). Thus, a gesture is, optionally, detected bydetecting a particular contact pattern. For example, detecting a fingertap gesture includes detecting a finger-down event followed by detectinga finger-up (liftoff) event at the same position (or substantially thesame position) as the finger-down event (e.g., at the position of anicon). As another example, detecting a finger swipe gesture on thetouch-sensitive surface includes detecting a finger-down event followedby detecting one or more finger-dragging events, and subsequentlyfollowed by detecting a finger-up (liftoff) event.

Graphics module 132 includes various known software components forrendering and displaying graphics on touch screen 112 or other display,including components for changing the visual impact (e.g., brightness,transparency, saturation, contrast, or other visual property) ofgraphics that are displayed. As used herein, the term “graphics”includes any object that can be displayed to a user, including, withoutlimitation, text, web pages, icons (such as user-interface objectsincluding soft keys), digital images, videos, animations, and the like.

In some embodiments, graphics module 132 stores data representinggraphics to be used. Each graphic is, optionally, assigned acorresponding code. Graphics module 132 receives, from applicationsetc., one or more codes specifying graphics to be displayed along with,if necessary, coordinate data and other graphic property data, and thengenerates screen image data to output to display controller 156.

Haptic feedback module 133 includes various software components forgenerating instructions used by tactile output generator(s) 167 toproduce tactile outputs at one or more locations on device 100 inresponse to user interactions with device 100.

Text input module 134, which is, optionally, a component of graphicsmodule 132, provides soft keyboards for entering text in variousapplications (e.g., contacts 137, e-mail 140, IM 141, browser 147, andany other application that needs text input).

GPS module 135 determines the location of the device and provides thisinformation for use in various applications (e.g., to telephone 138 foruse in location-based dialing; to camera 143 as picture/video metadata;and to applications that provide location-based services such as weatherwidgets, local yellow page widgets, and map/navigation widgets).

Applications 136 optionally include the following modules (or sets ofinstructions), or a subsetor superset thereof:

-   -   Contacts module 137 (sometimes called an address book or contact        list);    -   Telephone module 138;    -   Video conference module 139;    -   E-mail client module 140;    -   Instant messaging (IM) module 141;    -   Workout support module 142;    -   Camera module 143 for still and/or video images;    -   Image management module 144;    -   Video player module;    -   Music player module;    -   Browser module 147;    -   Calendar module 148;    -   Widget modules 149, which optionally include one or more of:        weather widget 149-1, stocks widget 149-2, calculator widget        149-3, alarm clock widget 149-4, dictionary widget 149-5, and        other widgets obtained by the user, as well as user-created        widgets 149-6;    -   Widget creator module 150 for making user-created widgets 149-6;    -   Search module 151;    -   Video and music player module 152, which merges video player        module and music player module;    -   Notes module 153;    -   Map module 154; and/or    -   Online video module 155.

Examples of other applications 136 that are, optionally, stored inmemory 102 include other word processing applications, other imageediting applications, drawing applications, presentation applications,JAVA-enabled applications, encryption, digital rights management, voicerecognition, and voice replication.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, contacts module 137 are, optionally, used to manage an address bookor contact list (e.g., stored in application internal state 192 ofcontacts module 137 in memory 102 or memory 370), including: addingname(s) to the address book; deleting name(s) from the address book;associating telephone number(s), e-mail address(es), physicaladdress(es) or other information with a name; associating an image witha name; categorizing and sorting names; providing telephone numbers ore-mail addresses to initiate and/or facilitate communications bytelephone 138, video conference module 139, e-mail 140, or IM 141; andso forth.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, contact/motionmodule 130, graphics module 132, and text input module 134, telephonemodule 138 are optionally, used to enter a sequence of characterscorresponding to a telephone number, access one or more telephonenumbers in contacts module 137, modify a telephone number that has beenentered, dial a respective telephone number, conduct a conversation, anddisconnect or hang up when the conversation is completed. As notedabove, the wireless communication optionally uses any of a plurality ofcommunications standards, protocols, and technologies.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, optical sensor164, optical sensor controller 158, contact/motion module 130, graphicsmodule 132, text input module 134, contacts module 137, and telephonemodule 138, video conference module 139 includes executable instructionsto initiate, conduct, and terminate a video conference between a userand one or more other participants in accordance with user instructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, e-mail client module 140 includes executableinstructions to create, send, receive, and manage e-mail in response touser instructions. In conjunction with image management module 144,e-mail client module 140 makes it very easy to create and send e-mailswith still or video images taken with camera module 143.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, the instant messaging module 141 includes executableinstructions to enter a sequence of characters corresponding to aninstant message, to modify previously entered characters, to transmit arespective instant message (for example, using a Short Message Service(SMS) or Multimedia Message Service (MMS) protocol for telephony-basedinstant messages or using XMPP, SIMPLE, or IMPS for Internet-basedinstant messages), to receive instant messages, and to view receivedinstant messages. In some embodiments, transmitted and/or receivedinstant messages optionally include graphics, photos, audio files, videofiles and/or other attachments as are supported in an MMS and/or anEnhanced Messaging Service (EMS). As used herein, “instant messaging”refers to both telephony-based messages (e.g., messages sent using SMSor MMS) and Internet-based messages (e.g., messages sent using XMPP,SIMPLE, or IMPS).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, GPS module 135, map module 154, and music playermodule, workout support module 142 includes executable instructions tocreate workouts (e.g., with time, distance, and/or calorie burninggoals); communicate with workout sensors (sports devices); receiveworkout sensor data; calibrate sensors used to monitor a workout; selectand play music for a workout; and display, store, and transmit workoutdata.

In conjunction with touch screen 112, display controller 156, opticalsensor(s) 164, optical sensor controller 158, contact/motion module 130,graphics module 132, and image management module 144, camera module 143includes executable instructions to capture still images or video(including a video stream) and store them into memory 102, modifycharacteristics of a still image or video, or delete a still image orvideo from memory 102.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, text input module 134,and camera module 143, image management module 144 includes executableinstructions to arrange, modify (e.g., edit), or otherwise manipulate,label, delete, present (e.g., in a digital slide show or album), andstore still and/or video images.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, browser module 147 includes executable instructions tobrowse the Internet in accordance with user instructions, includingsearching, linking to, receiving, and displaying web pages or portionsthereof, as well as attachments and other files linked to web pages.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, e-mail client module 140, and browser module 147,calendar module 148 includes executable instructions to create, display,modify, and store calendars and data associated with calendars (e.g.,calendar entries, to-do lists, etc.) in accordance with userinstructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, and browser module 147, widget modules 149 aremini-applications that are, optionally, downloaded and used by a user(e.g., weather widget 149-1, stocks widget 149-2, calculator widget149-3, alarm clock widget 149-4, and dictionary widget 149-5) or createdby the user (e.g., user-created widget 149-6). In some embodiments, awidget includes an HTML (Hypertext Markup Language) file, a CSS(Cascading Style Sheets) file, and a JavaScript file. In someembodiments, a widget includes an XML (Extensible Markup Language) fileand a JavaScript file (e.g., Yahoo! Widgets).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, and browser module 147, the widget creator module 150are, optionally, used by a user to create widgets (e.g., turning auser-specified portion of a web page into a widget).

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, search module 151 includes executable instructions to search fortext, music, sound, image, video, and/or other files in memory 102 thatmatch one or more search criteria (e.g., one or more user-specifiedsearch terms) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, audio circuitry 110,speaker 111, RF circuitry 108, and browser module 147, video and musicplayer module 152 includes executable instructions that allow the userto download and play back recorded music and other sound files stored inone or more file formats, such as MP3 or AAC files, and executableinstructions to display, present, or otherwise play back videos (e.g.,on touch screen 112 or on an external, connected display via externalport 124). In some embodiments, device 100 optionally includes thefunctionality of an MP3 player, such as an iPod (trademark of AppleInc.).

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, notes module 153 includes executable instructions to create andmanage notes, to-do lists, and the like in accordance with userinstructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, GPS module 135, and browser module 147, map module 154are, optionally, used to receive, display, modify, and store maps anddata associated with maps (e.g., driving directions, data on stores andother points of interest at or near a particular location, and otherlocation-based data) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, audio circuitry 110,speaker 111, RF circuitry 108, text input module 134, e-mail clientmodule 140, and browser module 147, online video module 155 includesinstructions that allow the user to access, browse, receive (e.g., bystreaming and/or download), play back (e.g., on the touch screen or onan external, connected display via external port 124), send an e-mailwith a link to a particular online video, and otherwise manage onlinevideos in one or more file formats, such as H.264. In some embodiments,instant messaging module 141, rather than e-mail client module 140, isused to send a link to a particular online video. Additional descriptionof the online video application can be found in U.S. Provisional PatentApplication No. 60/936,562, “Portable Multifunction Device, Method, andGraphical User Interface for Playing Online Videos,” filed Jun. 20,2007, and U.S. patent application Ser. No. 11/968,067, “PortableMultifunction Device, Method, and Graphical User Interface for PlayingOnline Videos,” filed Dec. 31, 2007, the contents of which are herebyincorporated by reference in their entirety.

Each of the above-identified modules and applications corresponds to aset of executable instructions for performing one or more functionsdescribed above and the methods described in this application (e.g., thecomputer-implemented methods and other information processing methodsdescribed herein). These modules (e.g., sets of instructions) need notbe implemented as separate software programs, procedures, or modules,and thus various subsets of these modules are, optionally, combined orotherwise rearranged in various embodiments. For example, video playermodule is, optionally, combined with music player module into a singlemodule (e.g., video and music player module 152, FIG. 1A). In someembodiments, memory 102 optionally stores a subset of the modules anddata structures identified above. Furthermore, memory 102 optionallystores additional modules and data structures not described above.

In some embodiments, device 100 is a device where operation of apredefined set of functions on the device is performed exclusivelythrough a touch screen and/or a touchpad. By using a touch screen and/ora touchpad as the primary input control device for operation of device100, the number of physical input control devices (such as push buttons,dials, and the like) on device 100 is, optionally, reduced.

The predefined set of functions that are performed exclusively through atouch screen and/or a touchpad optionally include navigation betweenuser interfaces. In some embodiments, the touchpad, when touched by theuser, navigates device 100 to a main, home, or root menu from any userinterface that is displayed on device 100. In such embodiments, a “menubutton” is implemented using a touchpad. In some other embodiments, themenu button is a physical push button or other physical input controldevice instead of a touchpad.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments. In some embodiments,memory 102 (FIG. 1A) or 370 (FIG. 3) includes event sorter 170 (e.g., inoperating system 126) and a respective application 136-1 (e.g., any ofthe aforementioned applications 137-151, 155, 380-390).

Event sorter 170 receives event information and determines theapplication 136-1 and application view 191 of application 136-1 to whichto deliver the event information. Event sorter 170 includes eventmonitor 171 and event dispatcher module 174. In some embodiments,application 136-1 includes application internal state 192, whichindicates the current application view(s) displayed on touch-sensitivedisplay 112 when the application is active or executing. In someembodiments, device/global internal state 157 is used by event sorter170 to determine which application(s) is (are) currently active, andapplication internal state 192 is used by event sorter 170 to determineapplication views 191 to which to deliver event information.

In some embodiments, application internal state 192 includes additionalinformation, such as one or more of: resume information to be used whenapplication 136-1 resumes execution, user interface state informationthat indicates information being displayed or that is ready for displayby application 136-1, a state queue for enabling the user to go back toa prior state or view of application 136-1, and a redo/undo queue ofprevious actions taken by the user.

Event monitor 171 receives event information from peripherals interface118. Event information includes information about a sub-event (e.g., auser touch on touch-sensitive display 112, as part of a multi-touchgesture). Peripherals interface 118 transmits information it receivesfrom I/O subsystem 106 or a sensor, such as proximity sensor 166,accelerometer(s) 168, and/or microphone 113 (through audio circuitry110). Information that peripherals interface 118 receives from I/Osubsystem 106 includes information from touch-sensitive display 112 or atouch-sensitive surface.

In some embodiments, event monitor 171 sends requests to the peripheralsinterface 118 at predetermined intervals. In response, peripheralsinterface 118 transmits event information. In other embodiments,peripherals interface 118 transmits event information only when there isa significant event (e.g., receiving an input above a predeterminednoise threshold and/or for more than a predetermined duration).

In some embodiments, event sorter 170 also includes a hit viewdetermination module 172 and/or an active event recognizer determinationmodule 173.

Hit view determination module 172 provides software procedures fordetermining where a sub-event has taken place within one or more viewswhen touch-sensitive display 112 displays more than one view. Views aremade up of controls and other elements that a user can see on thedisplay.

Another aspect of the user interface associated with an application is aset of views, sometimes herein called application views or userinterface windows, in which information is displayed and touch-basedgestures occur. The application views (of a respective application) inwhich a touch is detected optionally correspond to programmatic levelswithin a programmatic or view hierarchy of the application. For example,the lowest level view in which a touch is detected is, optionally,called the hit view, and the set of events that are recognized as properinputs are, optionally, determined based, at least in part, on the hitview of the initial touch that begins a touch-based gesture.

Hit view determination module 172 receives information related tosub-events of a touch-based gesture. When an application has multipleviews organized in a hierarchy, hit view determination module 172identifies a hit view as the lowest view in the hierarchy which shouldhandle the sub-event. In most circumstances, the hit view is the lowestlevel view in which an initiating sub-event occurs (e.g., the firstsub-event in the sequence of sub-events that form an event or potentialevent). Once the hit view is identified by the hit view determinationmodule 172, the hit view typically receives all sub-events related tothe same touch or input source for which it was identified as the hitview.

Active event recognizer determination module 173 determines which viewor views within a view hierarchy should receive a particular sequence ofsub-events. In some embodiments, active event recognizer determinationmodule 173 determines that only the hit view should receive a particularsequence of sub-events. In other embodiments, active event recognizerdetermination module 173 determines that all views that include thephysical location of a sub-event are actively involved views, andtherefore determines that all actively involved views should receive aparticular sequence of sub-events. In other embodiments, even if touchsub-events were entirely confined to the area associated with oneparticular view, views higher in the hierarchy would still remain asactively involved views.

Event dispatcher module 174 dispatches the event information to an eventrecognizer (e.g., event recognizer 180). In embodiments including activeevent recognizer determination module 173, event dispatcher module 174delivers the event information to an event recognizer determined byactive event recognizer determination module 173. In some embodiments,event dispatcher module 174 stores in an event queue the eventinformation, which is retrieved by a respective event receiver 182.

In some embodiments, operating system 126 includes event sorter 170.Alternatively, application 136-1 includes event sorter 170. In yet otherembodiments, event sorter 170 is a stand-alone module, or a part ofanother module stored in memory 102, such as contact/motion module 130.

In some embodiments, application 136-1 includes a plurality of eventhandlers 190 and one or more application views 191, each of whichincludes instructions for handling touch events that occur within arespective view of the application's user interface. Each applicationview 191 of the application 136-1 includes one or more event recognizers180. Typically, a respective application view 191 includes a pluralityof event recognizers 180. In other embodiments, one or more of eventrecognizers 180 are part of a separate module, such as a user interfacekit or a higher level object from which application 136-1 inheritsmethods and other properties. In some embodiments, a respective eventhandler 190 includes one or more of: data updater 176, object updater177, GUI updater 178, and/or event data 179 received from event sorter170. Event handler 190 optionally utilizes or calls data updater 176,object updater 177, or GUI updater 178 to update the applicationinternal state 192. Alternatively, one or more of the application views191 include one or more respective event handlers 190. Also, in someembodiments, one or more of data updater 176, object updater 177, andGUI updater 178 are included in a respective application view 191.

A respective event recognizer 180 receives event information (e.g.,event data 179) from event sorter 170 and identifies an event from theevent information. Event recognizer 180 includes event receiver 182 andevent comparator 184. In some embodiments, event recognizer 180 alsoincludes at least a subset of: metadata 183, and event deliveryinstructions 188 (which optionally include sub-event deliveryinstructions).

Event receiver 182 receives event information from event sorter 170. Theevent information includes information about a sub-event, for example, atouch or a touch movement. Depending on the sub-event, the eventinformation also includes additional information, such as location ofthe sub-event. When the sub-event concerns motion of a touch, the eventinformation optionally also includes speed and direction of thesub-event. In some embodiments, events include rotation of the devicefrom one orientation to another (e.g., from a portrait orientation to alandscape orientation, or vice versa), and the event informationincludes corresponding information about the current orientation (alsocalled device attitude) of the device.

Event comparator 184 compares the event information to predefined eventor sub-event definitions and, based on the comparison, determines anevent or sub-event, or determines or updates the state of an event orsub-event. In some embodiments, event comparator 184 includes eventdefinitions 186. Event definitions 186 contain definitions of events(e.g., predefined sequences of sub-events), for example, event 1(187-1), event 2 (187-2), and others. In some embodiments, sub-events inan event (187) include, for example, touch begin, touch end, touchmovement, touch cancellation, and multiple touching. In one example, thedefinition for event 1 (187-1) is a double tap on a displayed object.The double tap, for example, comprises a first touch (touch begin) onthe displayed object for a predetermined phase, a first liftoff (touchend) for a predetermined phase, a second touch (touch begin) on thedisplayed object for a predetermined phase, and a second liftoff (touchend) for a predetermined phase. In another example, the definition forevent 2 (187-2) is a dragging on a displayed object. The dragging, forexample, comprises a touch (or contact) on the displayed object for apredetermined phase, a movement of the touch across touch-sensitivedisplay 112, and liftoff of the touch (touch end). In some embodiments,the event also includes information for one or more associated eventhandlers 190.

In some embodiments, event definition 187 includes a definition of anevent for a respective user-interface object. In some embodiments, eventcomparator 184 performs a hit test to determine which user-interfaceobject is associated with a sub-event. For example, in an applicationview in which three user-interface objects are displayed ontouch-sensitive display 112, when a touch is detected on touch-sensitivedisplay 112, event comparator 184 performs a hit test to determine whichof the three user-interface objects is associated with the touch(sub-event). If each displayed object is associated with a respectiveevent handler 190, the event comparator uses the result of the hit testto determine which event handler 190 should be activated. For example,event comparator 184 selects an event handler associated with thesub-event and the object triggering the hit test.

In some embodiments, the definition for a respective event (187) alsoincludes delayed actions that delay delivery of the event informationuntil after it has been determined whether the sequence of sub-eventsdoes or does not correspond to the event recognizer's event type.

When a respective event recognizer 180 determines that the series ofsub-events do not match any of the events in event definitions 186, therespective event recognizer 180 enters an event impossible, eventfailed, or event ended state, after which it disregards subsequentsub-events of the touch-based gesture. In this situation, other eventrecognizers, if any, that remain active for the hit view continue totrack and process sub-events of an ongoing touch-based gesture.

In some embodiments, a respective event recognizer 180 includes metadata183 with configurable properties, flags, and/or lists that indicate howthe event delivery system should perform sub-event delivery to activelyinvolved event recognizers. In some embodiments, metadata 183 includesconfigurable properties, flags, and/or lists that indicate how eventrecognizers interact, or are enabled to interact, with one another. Insome embodiments, metadata 183 includes configurable properties, flags,and/or lists that indicate whether sub-events are delivered to varyinglevels in the view or programmatic hierarchy.

In some embodiments, a respective event recognizer 180 activates eventhandler 190 associated with an event when one or more particularsub-events of an event are recognized. In some embodiments, a respectiveevent recognizer 180 delivers event information associated with theevent to event handler 190. Activating an event handler 190 is distinctfrom sending (and deferred sending) sub-events to a respective hit view.In some embodiments, event recognizer 180 throws a flag associated withthe recognized event, and event handler 190 associated with the flagcatches the flag and performs a predefined process.

In some embodiments, event delivery instructions 188 include sub-eventdelivery instructions that deliver event information about a sub-eventwithout activating an event handler. Instead, the sub-event deliveryinstructions deliver event information to event handlers associated withthe series of sub-events or to actively involved views. Event handlersassociated with the series of sub-events or with actively involved viewsreceive the event information and perform a predetermined process.

In some embodiments, data updater 176 creates and updates data used inapplication 136-1. For example, data updater 176 updates the telephonenumber used in contacts module 137, or stores a video file used in videoplayer module. In some embodiments, object updater 177 creates andupdates objects used in application 136-1. For example, object updater177 creates anew user-interface objector updates the position of auser-interface object. GUI updater 178 updates the GUI. For example, GUIupdater 178 prepares display information and sends it to graphics module132 for display on a touch-sensitive display.

In some embodiments, event handler(s) 190 includes or has access to dataupdater 176, object updater 177, and GUI updater 178. In someembodiments, data updater 176, object updater 177, and GUI updater 178are included in a single module of a respective application 136-1 orapplication view 191. In other embodiments, they are included in two ormore software modules.

It shall be understood that the foregoing discussion regarding eventhandling of user touches on touch-sensitive displays also applies toother forms of user inputs to operate multifunction devices 100 withinput devices, not all of which are initiated on touch screens. Forexample, mouse movement and mouse button presses, optionally coordinatedwith single or multiple keyboard presses or holds; contact movementssuch as taps, drags, scrolls, etc. on touchpads; pen stylus inputs;movement of the device; oral instructions; detected eye movements;biometric inputs; and/or any combination thereof are optionally utilizedas inputs corresponding to sub-events which define an event to berecognized.

FIG. 2 illustrates a portable multifunction device 100 having a touchscreen 112 in accordance with some embodiments. The touch screenoptionally displays one or more graphics within user interface (UI) 200.In this embodiment, as well as others described below, a user is enabledto select one or more of the graphics by making a gesture on thegraphics, for example, with one or more fingers 202 (not drawn to scalein the figure) or one or more styluses 203 (not drawn to scale in thefigure). In some embodiments, selection of one or more graphics occurswhen the user breaks contact with the one or more graphics. In someembodiments, the gesture optionally includes one or more taps, one ormore swipes (from left to right, right to left, upward and/or downward),and/or a rolling of a finger (from right to left, left to right, upwardand/or downward) that has made contact with device 100. In someimplementations or circumstances, inadvertent contact with a graphicdoes not select the graphic. For example, a swipe gesture that sweepsover an application icon optionally does not select the correspondingapplication when the gesture corresponding to selection is a tap.

Device 100 optionally also include one or more physical buttons, such as“home” or menu button 204. As described previously, menu button 204 is,optionally, used to navigate to any application 136 in a set ofapplications that are, optionally, executed on device 100.Alternatively, in some embodiments, the menu button is implemented as asoft key in a GUI displayed on touch screen 112.

In some embodiments, device 100 includes touch screen 112, menu button204, push button 206 for powering the device on/off and locking thedevice, volume adjustment button(s) 208, subscriber identity module(SIM) card slot 210, headset jack 212, and docking/charging externalport 124. Push button 206 is, optionally, used to turn the power on/offon the device by depressing the button and holding the button in thedepressed state for a predefined time interval; to lock the device bydepressing the button and releasing the button before the predefinedtime interval has elapsed; and/or to unlock the device or initiate anunlock process. In an alternative embodiment, device 100 also acceptsverbal input for activation or deactivation of some functions throughmicrophone 113. Device 100 also, optionally, includes one or morecontact intensity sensors 165 for detecting intensity of contacts ontouch screen 112 and/or one or more tactile output generators 167 forgenerating tactile outputs for a user of device 100.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments. Device 300 need not be portable. In some embodiments,device 300 is a laptop computer, a desktop computer, a tablet computer,a multimedia player device, a navigation device, an educational device(such as a child's learning toy), a gaming system, or a control device(e.g., a home or industrial controller). Device 300 typically includesone or more processing units (CPUs) 310, one or more network or othercommunications interfaces 360, memory 370, and one or more communicationbuses 320 for interconnecting these components. Communication buses 320optionally include circuitry (sometimes called a chipset) thatinterconnects and controls communications between system components.Device 300 includes input/output (I/O) interface 330 comprising display340, which is typically a touch screen display. I/O interface 330 alsooptionally includes a keyboard and/or mouse (or other pointing device)350 and touchpad 355, tactile output generator 357 for generatingtactile outputs on device 300 (e.g., similar to tactile outputgenerator(s) 167 described above with reference to FIG. 1A), sensors 359(e.g., optical, acceleration, proximity, touch-sensitive, and/or contactintensity sensors similar to contact intensity sensor(s) 165 describedabove with reference to FIG. 1A). Memory 370 includes high-speed randomaccess memory, such as DRAM, SRAM, DDR RAM, or other random access solidstate memory devices; and optionally includes non-volatile memory, suchas one or more magnetic disk storage devices, optical disk storagedevices, flash memory devices, or other non-volatile solid state storagedevices. Memory 370 optionally includes one or more storage devicesremotely located from CPU(s) 310. In some embodiments, memory 370 storesprograms, modules, and data structures analogous to the programs,modules, and data structures stored in memory 102 of portablemultifunction device 100 (FIG. 1A), or a subset thereof. Furthermore,memory 370 optionally stores additional programs, modules, and datastructures not present in memory 102 of portable multifunction device100. For example, memory 370 of device 300 optionally stores drawingmodule 380, presentation module 382, word processing module 384, websitecreation module 386, disk authoring module 388, and/or spreadsheetmodule 390, while memory 102 of portable multifunction device 100 (FIG.1A) optionally does not store these modules.

Each of the above-identified elements in FIG. 3 is, optionally, storedin one or more of the previously mentioned memory devices. Each of theabove-identified modules corresponds to a set of instructions forperforming a function described above. The above-identified modules orprograms (e.g., sets of instructions) need not be implemented asseparate software programs, procedures, or modules, and thus varioussubsets of these modules are, optionally, combined or otherwiserearranged in various embodiments. In some embodiments, memory 370optionally stores a subset of the modules and data structures identifiedabove. Furthermore, memory 370 optionally stores additional modules anddata structures not described above.

Attention is now directed towards embodiments of user interfaces thatare, optionally, implemented on, for example, portable multifunctiondevice 100.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on portable multifunction device 100 in accordance withsome embodiments. Similar user interfaces are, optionally, implementedon device 300. In some embodiments, user interface 400 includes thefollowing elements, or a subset or superset thereof:

-   -   Signal strength indicator(s) 402 for wireless communication(s),        such as cellular and Wi-Fi signals;    -   Time 404;    -   Bluetooth indicator 405;    -   Battery status indicator 406;    -   Tray 408 with icons for frequently used applications, such as:        -   Icon 416 for telephone module 138, labeled “Phone,” which            optionally includes an indicator 414 of the number of missed            calls or voicemail messages;        -   Icon 418 for e-mail client module 140, labeled “Mail,” which            optionally includes an indicator 410 of the number of unread            e-mails;        -   Icon 420 for browser module 147, labeled “Browser;” and        -   Icon 422 for video and music player module 152, also            referred to as iPod (trademark of Apple Inc.) module 152,            labeled “iPod;” and    -   Icons for other applications, such as:        -   Icon 424 for IM module 141, labeled “Messages;”        -   Icon 426 for calendar module 148, labeled “Calendar;”        -   Icon 428 for image management module 144, labeled “Photos;”        -   Icon 430 for camera module 143, labeled “Camera;”        -   Icon 432 for online video module 155, labeled “Online            Video;”        -   Icon 434 for stocks widget 149-2, labeled “Stocks;”        -   Icon 436 for map module 154, labeled “Maps;”        -   Icon 438 for weather widget 149-1, labeled “Weather;”        -   Icon 440 for alarm clock widget 149-4, labeled “Clock;”        -   Icon 442 for workout support module 142, labeled “Workout            Support;”        -   Icon 444 for notes module 153, labeled “Notes;” and        -   Icon 446 for a settings application or module, labeled            “Settings,” which provides access to settings for device 100            and its various applications 136.

It should be noted that the icon labels illustrated in FIG. 4A aremerely exemplary. For example, icon 422 for video and music playermodule 152 is labeled “Music” or “Music Player.” Other labels are,optionally, used for various application icons. In some embodiments, alabel for a respective application icon includes a name of anapplication corresponding to the respective application icon. In someembodiments, a label for a particular application icon is distinct froma name of an application corresponding to the particular applicationicon.

FIG. 4B illustrates an exemplary user interface on a device (e.g.,device 300, FIG. 3) with a touch-sensitive surface 451 (e.g., a tabletor touchpad 355, FIG. 3) that is separate from the display 450 (e.g.,touch screen display 112). Device 300 also, optionally, includes one ormore contact intensity sensors (e.g., one or more of sensors 359) fordetecting intensity of contacts on touch-sensitive surface 451 and/orone or more tactile output generators 357 for generating tactile outputsfor a user of device 300.

Although some of the examples that follow will be given with referenceto inputs on touch screen display 112 (where the touch-sensitive surfaceand the display are combined), in some embodiments, the device detectsinputs on a touch-sensitive surface that is separate from the display,as shown in FIG. 4B. In some embodiments, the touch-sensitive surface(e.g., 451 in FIG. 4B) has a primary axis (e.g., 452 in FIG. 4B) thatcorresponds to a primary axis (e.g., 453 in FIG. 4B) on the display(e.g., 450). In accordance with these embodiments, the device detectscontacts (e.g., 460 and 462 in FIG. 4B) with the touch-sensitive surface451 at locations that correspond to respective locations on the display(e.g., in FIG. 4B, 460 corresponds to 468 and 462 corresponds to 470).In this way, user inputs (e.g., contacts 460 and 462, and movementsthereof) detected by the device on the touch-sensitive surface (e.g.,451 in FIG. 4B) are used by the device to manipulate the user interfaceon the display (e.g., 450 in FIG. 4B) of the multifunction device whenthe touch-sensitive surface is separate from the display. It should beunderstood that similar methods are, optionally, used for other userinterfaces described herein.

Additionally, while the following examples are given primarily withreference to finger inputs (e.g., finger contacts, finger tap gestures,finger swipe gestures), it should be understood that, in someembodiments, one or more of the finger inputs are replaced with inputfrom another input device (e.g., a mouse-based input or stylus input).For example, a swipe gesture is, optionally, replaced with a mouse click(e.g., instead of a contact) followed by movement of the cursor alongthe path of the swipe (e.g., instead of movement of the contact). Asanother example, a tap gesture is, optionally, replaced with a mouseclick while the cursor is located over the location of the tap gesture(e.g., instead of detection of the contact followed by ceasing to detectthe contact). Similarly, when multiple user inputs are simultaneouslydetected, it should be understood that multiple computer mice are,optionally, used simultaneously, or a mouse and finger contacts are,optionally, used simultaneously.

FIG. 5A illustrates exemplary personal electronic device 500. Device 500includes body 502. In some embodiments, device 500 can include some orall of the features described with respect to devices 100 and 300 (e.g.,FIGS. 1A-4B). In some embodiments, device 500 has touch-sensitivedisplay screen 504, hereafter touch screen 504. Alternatively, or inaddition to touch screen 504, device 500 has a display and atouch-sensitive surface. As with devices 100 and 300, in someembodiments, touch screen 504 (or the touch-sensitive surface)optionally includes one or more intensity sensors for detectingintensity of contacts (e.g., touches) being applied. The one or moreintensity sensors of touch screen 504 (or the touch-sensitive surface)can provide output data that represents the intensity of touches. Theuser interface of device 500 can respond to touches based on theirintensity, meaning that touches of different intensities can invokedifferent user interface operations on device 500.

Exemplary techniques for detecting and processing touch intensity arefound, for example, in related applications: International PatentApplication Serial No. PCT/US2013/040061, titled “Device, Method, andGraphical User Interface for Displaying User Interface ObjectsCorresponding to an Application,” filed May 8, 2013, published as WIPOPublication No. WO/2013/169849, and International Patent ApplicationSerial No. PCT/US2013/069483, titled “Device, Method, and Graphical UserInterface for Transitioning Between Touch Input to Display OutputRelationships,” filed Nov. 11, 2013, published as WIPO Publication No.WO/2014/105276, each of which is hereby incorporated by reference intheir entirety.

In some embodiments, device 500 has one or more input mechanisms 506 and508. Input mechanisms 506 and 508, if included, can be physical.Examples of physical input mechanisms include push buttons and rotatablemechanisms. In some embodiments, device 500 has one or more attachmentmechanisms. Such attachment mechanisms, if included, can permitattachment of device 500 with, for example, hats, eyewear, earrings,necklaces, shirts, jackets, bracelets, watch straps, chains, trousers,belts, shoes, purses, backpacks, and so forth. These attachmentmechanisms permit device 500 to be worn by a user.

FIG. 5B depicts exemplary personal electronic device 500. In someembodiments, device 500 can include some or all of the componentsdescribed with respect to FIGS. 1A, 1B, and 3. Device 500 has bus 512that operatively couples I/O section 514 with one or more computerprocessors 516 and memory 518. I/O section 514 can be connected todisplay 504, which can have touch-sensitive component 522 and,optionally, intensity sensor 524 (e.g., contact intensity sensor). Inaddition, I/O section 514 can be connected with communication unit 530for receiving application and operating system data, using Wi-Fi,Bluetooth, near field communication (NFC), cellular, and/or otherwireless communication techniques. Device 500 can include inputmechanisms 506 and/or 508. Input mechanism 506 is, optionally, arotatable input device or a depressible and rotatable input device, forexample. Input mechanism 508 is, optionally, a button, in some examples.

Input mechanism 508 is, optionally, a microphone, in some examples.Personal electronic device 500 optionally includes various sensors, suchas GPS sensor 532, accelerometer 534, directional sensor 540 (e.g.,compass), gyroscope 536, motion sensor 538, and/or a combinationthereof, all of which can be operatively connected to I/O section 514.

Memory 518 of personal electronic device 500 can include one or morenon-transitory computer-readable storage mediums, for storingcomputer-executable instructions, which, when executed by one or morecomputer processors 516, for example, can cause the computer processorsto perform the techniques described below, including processes 700, 900,1100, 1300, 1500, 1700, and 1900 (FIGS. 7, 9, 11, 13, 15, 17, and 19). Acomputer-readable storage medium can be any medium that can tangiblycontain or store computer-executable instructions for use by or inconnection with the instruction execution system, apparatus, or device.In some examples, the storage medium is a transitory computer-readablestorage medium. In some examples, the storage medium is a non-transitorycomputer-readable storage medium. The non-transitory computer-readablestorage medium can include, but is not limited to, magnetic, optical,and/or semiconductor storages. Examples of such storage include magneticdisks, optical discs based on CD, DVD, or Blu-ray technologies, as wellas persistent solid-state memory such as flash, solid-state drives, andthe like. Personal electronic device 500 is not limited to thecomponents and configuration of FIG. 5B, but can include other oradditional components in multiple configurations.

As used here, the term “affordance” refers to a user-interactivegraphical user interface object that is, optionally, displayed on thedisplay screen of devices 100, 300, and/or 500 (FIGS. 1A, 3, and 5A-5B).For example, an image (e.g., icon), a button, and text (e.g., hyperlink)each optionally constitute an affordance.

As used herein, the term “focus selector” refers to an input elementthat indicates a current part of a user interface with which a user isinteracting. In some implementations that include a cursor or otherlocation marker, the cursor acts as a “focus selector” so that when aninput (e.g., a press input) is detected on a touch-sensitive surface(e.g., touchpad 355 in FIG. 3 or touch-sensitive surface 451 in FIG. 4B)while the cursor is over a particular user interface element (e.g., abutton, window, slider, or other user interface element), the particularuser interface element is adjusted in accordance with the detectedinput. In some implementations that include a touch screen display(e.g., touch-sensitive display system 112 in FIG. 1A or touch screen 112in FIG. 4A) that enables direct interaction with user interface elementson the touch screen display, a detected contact on the touch screen actsas a “focus selector” so that when an input (e.g., a press input by thecontact) is detected on the touch screen display at a location of aparticular user interface element (e.g., a button, window, slider, orother user interface element), the particular user interface element isadjusted in accordance with the detected input. In some implementations,focus is moved from one region of a user interface to another region ofthe user interface without corresponding movement of a cursor ormovement of a contact on a touch screen display (e.g., by using a tabkey or arrow keys to move focus from one button to another button); inthese implementations, the focus selector moves in accordance withmovement of focus between different regions of the user interface.Without regard to the specific form taken by the focus selector, thefocus selector is generally the user interface element (or contact on atouch screen display) that is controlled by the user so as tocommunicate the user's intended interaction with the user interface(e.g., by indicating, to the device, the element of the user interfacewith which the user is intending to interact). For example, the locationof a focus selector (e.g., a cursor, a contact, or a selection box) overa respective button while a press input is detected on thetouch-sensitive surface (e.g., a touchpad or touch screen) will indicatethat the user is intending to activate the respective button (as opposedto other user interface elements shown on a display of the device).

As used in the specification and claims, the term “characteristicintensity” of a contact refers to a characteristic of the contact basedon one or more intensities of the contact. In some embodiments, thecharacteristic intensity is based on multiple intensity samples. Thecharacteristic intensity is, optionally, based on a predefined number ofintensity samples, or a set of intensity samples collected during apredetermined time period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10seconds) relative to a predefined event (e.g., after detecting thecontact, prior to detecting liftoff of the contact, before or afterdetecting a start of movement of the contact, prior to detecting an endof the contact, before or after detecting an increase in intensity ofthe contact, and/or before or after detecting a decrease in intensity ofthe contact). A characteristic intensity of a contact is, optionally,based on one or more of: a maximum value of the intensities of thecontact, a mean value of the intensities of the contact, an averagevalue of the intensities of the contact, a top 10 percentile value ofthe intensities of the contact, a value at the half maximum of theintensities of the contact, a value at the 90 percent maximum of theintensities of the contact, or the like. In some embodiments, theduration of the contact is used in determining the characteristicintensity (e.g., when the characteristic intensity is an average of theintensity of the contact over time). In some embodiments, thecharacteristic intensity is compared to a set of one or more intensitythresholds to determine whether an operation has been performed by auser. For example, the set of one or more intensity thresholdsoptionally includes a first intensity threshold and a second intensitythreshold. In this example, a contact with a characteristic intensitythat does not exceed the first threshold results in a first operation, acontact with a characteristic intensity that exceeds the first intensitythreshold and does not exceed the second intensity threshold results ina second operation, and a contact with a characteristic intensity thatexceeds the second threshold results in a third operation. In someembodiments, a comparison between the characteristic intensity and oneor more thresholds is used to determine whether or not to perform one ormore operations (e.g., whether to perform a respective operation orforgo performing the respective operation), rather than being used todetermine whether to perform a first operation or a second operation.

FIG. 5C illustrates detecting a plurality of contacts 552A-552E ontouch-sensitive display screen 504 with a plurality of intensity sensors524A-524D. FIG. 5C additionally includes intensity diagrams that showthe current intensity measurements of the intensity sensors 524A-524Drelative to units of intensity. In this example, the intensitymeasurements of intensity sensors 524A and 524D are each 9 units ofintensity, and the intensity measurements of intensity sensors 524B and524C are each 7 units of intensity. In some implementations, anaggregate intensity is the sum of the intensity measurements of theplurality of intensity sensors 524A-524D, which in this example is 32intensity units. In some embodiments, each contact is assigned arespective intensity that is a portion of the aggregate intensity. FIG.5D illustrates assigning the aggregate intensity to contacts 552A-552Ebased on their distance from the center of force 554. In this example,each of contacts 552A, 552B, and 552E are assigned an intensity ofcontact of 8 intensity units of the aggregate intensity, and each ofcontacts 552C and 552D are assigned an intensity of contact of 4intensity units of the aggregate intensity. More generally, in someimplementations, each contact j is assigned a respective intensity Ijthat is a portion of the aggregate intensity, A, in accordance with apredefined mathematical function, Ij=A·(Dj/ΣDi), where Dj is thedistance of the respective contact j to the center of force, and ΣDi isthe sum of the distances of all the respective contacts (e.g., i=1 tolast) to the center of force. The operations described with reference toFIGS. 5C-5D can be performed using an electronic device similar oridentical to device 100, 300, or 500. In some embodiments, acharacteristic intensity of a contact is based on one or moreintensities of the contact. In some embodiments, the intensity sensorsare used to determine a single characteristic intensity (e.g., a singlecharacteristic intensity of a single contact). It should be noted thatthe intensity diagrams are not part of a displayed user interface, butare included in FIGS. 5C-5D to aid the reader.

In some embodiments, a portion of a gesture is identified for purposesof determining a characteristic intensity. For example, atouch-sensitive surface optionally receives a continuous swipe contacttransitioning from a start location and reaching an end location, atwhich point the intensity of the contact increases. In this example, thecharacteristic intensity of the contact at the end location is,optionally, based on only a portion of the continuous swipe contact, andnot the entire swipe contact (e.g., only the portion of the swipecontact at the end location). In some embodiments, a smoothing algorithmis, optionally, applied to the intensities of the swipe contact prior todetermining the characteristic intensity of the contact. For example,the smoothing algorithm optionally includes one or more of: anunweighted sliding-average smoothing algorithm, a triangular smoothingalgorithm, a median filter smoothing algorithm, and/or an exponentialsmoothing algorithm. In some circumstances, these smoothing algorithmseliminate narrow spikes or dips in the intensities of the swipe contactfor purposes of determining a characteristic intensity.

The intensity of a contact on the touch-sensitive surface is,optionally, characterized relative to one or more intensity thresholds,such as a contact-detection intensity threshold, a light press intensitythreshold, a deep press intensity threshold, and/or one or more otherintensity thresholds. In some embodiments, the light press intensitythreshold corresponds to an intensity at which the device will performoperations typically associated with clicking a button of a physicalmouse or a trackpad. In some embodiments, the deep press intensitythreshold corresponds to an intensity at which the device will performoperations that are different from operations typically associated withclicking a button of a physical mouse or a trackpad. In someembodiments, when a contact is detected with a characteristic intensitybelow the light press intensity threshold (e.g., and above a nominalcontact-detection intensity threshold below which the contact is nolonger detected), the device will move a focus selector in accordancewith movement of the contact on the touch-sensitive surface withoutperforming an operation associated with the light press intensitythreshold or the deep press intensity threshold. Generally, unlessotherwise stated, these intensity thresholds are consistent betweendifferent sets of user interface figures.

An increase of characteristic intensity of the contact from an intensitybelow the light press intensity threshold to an intensity between thelight press intensity threshold and the deep press intensity thresholdis sometimes referred to as a “light press” input. An increase ofcharacteristic intensity of the contact from an intensity below the deeppress intensity threshold to an intensity above the deep press intensitythreshold is sometimes referred to as a “deep press” input. An increaseof characteristic intensity of the contact from an intensity below thecontact-detection intensity threshold to an intensity between thecontact-detection intensity threshold and the light press intensitythreshold is sometimes referred to as detecting the contact on thetouch-surface. A decrease of characteristic intensity of the contactfrom an intensity above the contact-detection intensity threshold to anintensity below the contact-detection intensity threshold is sometimesreferred to as detecting liftoff of the contact from the touch-surface.In some embodiments, the contact-detection intensity threshold is zero.In some embodiments, the contact-detection intensity threshold isgreater than zero.

In some embodiments described herein, one or more operations areperformed in response to detecting a gesture that includes a respectivepress input or in response to detecting the respective press inputperformed with a respective contact (or a plurality of contacts), wherethe respective press input is detected based at least in part ondetecting an increase in intensity of the contact (or plurality ofcontacts) above a press-input intensity threshold. In some embodiments,the respective operation is performed in response to detecting theincrease in intensity of the respective contact above the press-inputintensity threshold (e.g., a “down stroke” of the respective pressinput). In some embodiments, the press input includes an increase inintensity of the respective contact above the press-input intensitythreshold and a subsequent decrease in intensity of the contact belowthe press-input intensity threshold, and the respective operation isperformed in response to detecting the subsequent decrease in intensityof the respective contact below the press-input threshold (e.g., an “upstroke” of the respective press input).

FIGS. 5E-5H illustrate detection of a gesture that includes a pressinput that corresponds to an increase in intensity of a contact 562 froman intensity below a light press intensity threshold (e.g., “IT_(L)”) inFIG. 5E, to an intensity above a deep press intensity threshold (e.g.,“IT_(D)”) in FIG. 5H. The gesture performed with contact 562 is detectedon touch-sensitive surface 560 while cursor 576 is displayed overapplication icon 572B corresponding to App 2, on a displayed userinterface 570 that includes application icons 572A-572D displayed inpredefined region 574. In some embodiments, the gesture is detected ontouch-sensitive display 504. The intensity sensors detect the intensityof contacts on touch-sensitive surface 560. The device determines thatthe intensity of contact 562 peaked above the deep press intensitythreshold (e.g., “IT_(D)”). Contact 562 is maintained on touch-sensitivesurface 560. In response to the detection of the gesture, and inaccordance with contact 562 having an intensity that goes above the deeppress intensity threshold (e.g., “IT_(D)”) during the gesture,reduced-scale representations 578A-578C (e.g., thumbnails) of recentlyopened documents for App 2 are displayed, as shown in FIGS. 5F-5H. Insome embodiments, the intensity, which is compared to the one or moreintensity thresholds, is the characteristic intensity of a contact. Itshould be noted that the intensity diagram for contact 562 is not partof a displayed user interface, but is included in FIGS. 5E-5H to aid thereader.

In some embodiments, the display of representations 578A-578C includesan animation. For example, representation 578A is initially displayed inproximity of application icon 572B, as shown in FIG. 5F. As theanimation proceeds, representation 578A moves upward and representation578B is displayed in proximity of application icon 572B, as shown inFIG. 5G. Then, representations 578A moves upward, 578B moves upwardtoward representation 578A, and representation 578C is displayed inproximity of application icon 572B, as shown in FIG. 5H. Representations578A-578C form an array above icon 572B. In some embodiments, theanimation progresses in accordance with an intensity of contact 562, asshown in FIGS. 5F-5G, where the representations 578A-578C appear andmove upwards as the intensity of contact 562 increases toward the deeppress intensity threshold (e.g., “IT_(D)”). In some embodiments, theintensity, on which the progress of the animation is based, is thecharacteristic intensity of the contact. The operations described withreference to FIGS. 5E-5H can be performed using an electronic devicesimilar or identical to device 100, 300, or 500.

In some embodiments, the device employs intensity hysteresis to avoidaccidental inputs sometimes termed “jitter,” where the device defines orselects a hysteresis intensity threshold with a predefined relationshipto the press-input intensity threshold (e.g., the hysteresis intensitythreshold is X intensity units lower than the press-input intensitythreshold or the hysteresis intensity threshold is 75%, 90%, or somereasonable proportion of the press-input intensity threshold). Thus, insome embodiments, the press input includes an increase in intensity ofthe respective contact above the press-input intensity threshold and asubsequent decrease in intensity of the contact below the hysteresisintensity threshold that corresponds to the press-input intensitythreshold, and the respective operation is performed in response todetecting the subsequent decrease in intensity of the respective contactbelow the hysteresis intensity threshold (e.g., an “up stroke” of therespective press input). Similarly, in some embodiments, the press inputis detected only when the device detects an increase in intensity of thecontact from an intensity at or below the hysteresis intensity thresholdto an intensity at or above the press-input intensity threshold and,optionally, a subsequent decrease in intensity of the contact to anintensity at or below the hysteresis intensity, and the respectiveoperation is performed in response to detecting the press input (e.g.,the increase in intensity of the contact or the decrease in intensity ofthe contact, depending on the circumstances).

For ease of explanation, the descriptions of operations performed inresponse to a press input associated with a press-input intensitythreshold or in response to a gesture including the press input are,optionally, triggered in response to detecting either: an increase inintensity of a contact above the press-input intensity threshold, anincrease in intensity of a contact from an intensity below thehysteresis intensity threshold to an intensity above the press-inputintensity threshold, a decrease in intensity of the contact below thepress-input intensity threshold, and/or a decrease in intensity of thecontact below the hysteresis intensity threshold corresponding to thepress-input intensity threshold. Additionally, in examples where anoperation is described as being performed in response to detecting adecrease in intensity of a contact below the press-input intensitythreshold, the operation is, optionally, performed in response todetecting a decrease in intensity of the contact below a hysteresisintensity threshold corresponding to, and lower than, the press-inputintensity threshold.

As used herein, an “installed application” refers to a softwareapplication that has been downloaded onto an electronic device (e.g.,devices 100, 300, and/or 500) and is ready to be launched (e.g., becomeopened) on the device. In some embodiments, a downloaded applicationbecomes an installed application by way of an installation program thatextracts program portions from a downloaded package and integrates theextracted portions with the operating system of the computer system.

As used herein, the terms “open application” or “executing application”refer to a software application with retained state information (e.g.,as part of device/global internal state 157 and/or application internalstate 192). An open or executing application is, optionally, any one ofthe following types of applications:

-   -   an active application, which is currently displayed on a display        screen of the device that the application is being used on;    -   a background application (or background processes), which is not        currently displayed, but one or more processes for the        application are being processed by one or more processors; and    -   a suspended or hibernated application, which is not running, but        has state information that is stored in memory (volatile and        non-volatile, respectively) and that can be used to resume        execution of the application.

As used herein, the term “closed application” refers to softwareapplications without retained state information (e.g., state informationfor closed applications is not stored in a memory of the device).Accordingly, closing an application includes stopping and/or removingapplication processes for the application and removing state informationfor the application from the memory of the device. Generally, opening asecond application while in a first application does not close the firstapplication. When the second application is displayed and the firstapplication ceases to be displayed, the first application becomes abackground application.

Attention is now directed towards embodiments of user interfaces (“UI”)and associated processes that are implemented on an electronic device,such as portable multifunction device 100, device 300, or device 500.

FIGS. 6A-6J illustrate exemplary user interfaces for modifying theelements of a clock face (e.g., an analog dial) based on whether or notanother graphical element (e.g., a notification or a complication) is tobe displayed on the clock face, in accordance with some embodiments. Theuser interfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIG. 7.

FIG. 6A depicts electronic device 600 displaying clock face 606 ondisplay 602. In some embodiments, device 600 includes one or morefeatures of device 100, device 300, or device 500. In the embodimentillustrated in FIG. 6A, device 600 includes depressible and rotatableinput mechanism 604. In some embodiments, device 600 displays clock face606 in response to receiving a request to display a clock face (e.g., awrist raise gesture, a request to switch from viewing an application ornotification screen to displaying the clock face). Clock face 606includes an analog indication of time with hour hand 608 a, minute hand608 b, and analog dial 612. Analog dial 612 includes a plurality ofanalog-dial elements corresponding to respective units of time. Asdepicted in FIG. 6A, clock face 606 includes a first set of analog-dialelements (hour markers) corresponding to units of one hour (as well asfive minutes and five seconds) and a second set of analog-dial elements(minute markers) corresponding to units of one minute (as well as onesecond).

FIG. 6B depicts clock face 606 with notification 614. In someembodiments, device 600 receives an alert (e.g., a new text message,e-mail, etc.) and displays notification 614 as an indication of thealert in response to receiving the alert. In some embodiments, device600 displays clock face 606 with notification 614 in response toreceiving a request to display a clock face (e.g., a wrist raisegesture, a request to switch from viewing an application or notificationscreen to displaying the clock face).

As depicted in FIG. 6B, notification 614 is displayed as a graphicalelement (e.g., a circular dot) at a respective location near the top andmiddle on clock face 606. Notification 614 occupies a position on clockface 606 that was previously occupied by analog-dial element 612 a inFIG. 6A. In order to provide room on clock face 606 for notification614, the position and/or size of analog-dial element 612 a is changed(e.g., such that notification 614 and analog-dial element 612 a do notoverlap or obstruct one another). In the illustrated embodiment,analog-dial element 612 a is shortened such that it occupies a lowerportion of the position on clock face 606 that it occupied in FIG. 6A,while notification 614 occupies an upper portion of the position onclock face 606 that was occupied by analog-dial element 612 a in FIG.6A.

In some embodiments, clock face 606 is displayed in the configurationdepicted in FIG. 6B (e.g., with notification 614 and shortenedanalog-dial element 612 a) in accordance with a determination thatnotification 614 is to be displayed at its respective location on theclock face. Alternatively, in accordance with a determination thatnotification 614 is not to be displayed at its respective location onthe clock face, device 600 displays clock face 606 in the configurationin FIG. 6A (e.g., without notification 614 and with analog-dial element612 a having a longer length).

In some embodiments, device 600 ceases to display notification 614(e.g., after notification 614 has been displayed for a threshold amountof time or in response to a user viewing the item (e.g., a newlyreceived text message) associated with the notification). As usedherein, a threshold can include a non-zero threshold (e.g., 0.5 seconds,1 second).

As shown in FIG. 6C, in response to ceasing to display notification 614,device 600 returns the analog dial to the state depicted in FIG. 6A(e.g., analog-dial element 612 a is lengthened to occupy the location onclock face 606 occupied by notification 614 in FIG. 6B.

In FIG. 6C, device 600 detects input 610 a (e.g., a contact ontouch-sensitive display 602 with a characteristic intensity greater thana threshold intensity or a duration longer than a threshold duration).In response to detecting input 610 a, device 600 enters a clock faceedit mode and displays user interface 616 as shown in FIG. 6D. Userinterface 616 includes representation 616 a corresponding to clock face606. User interface 616 also includes representations 616 b and 616 ccorresponding to other clock faces available for display by device 600.In some embodiments, in response to an input (e.g., a horizontal swipeon touch-sensitive display 602 or a rotation of input mechanism 604),device centers one of representations 616 b and 616 c on user interface616 for selection as the current clock face. For example, a user canswipe from left to right to center representation 616 c and then taprepresentation 616 c or press input mechanism 604 to select thecorresponding clock face as the current clock face. In some embodiments,input mechanism 604 is physically rotatable with respect to a housing ofdevice 600.

User interface 616 also includes affordance 616 d to select the clockface corresponding to the currently centered representation for editing.In FIG. 6D, device 600 detects input 610 b (e.g., a tap on affordance616 d). In response to detecting input 610 b, device 600 enters a clockface edit mode to edit clock face 606.

FIG. 6E illustrates user interface 618 for editing clock face 606. Userinterface 618 includes a representation of clock face 606, elementindicator 620 indicating an element that is selected for editing, andpaging dots 622 a-622 c corresponding to editing pages. Paging dot 622 acorresponds to a first editing page in which a user can edit abackground color setting of clock face 606; paging dot 622 b correspondsto a second editing page in which a user can edit a color of theindication of time of clock face 606; and paging dot 622 c correspondsto a third editing page in which a user can edit complications for clockface 606. In the present embodiment, as well as embodiments describedabove and below, a complication refers to any clock face feature otherthan those used to indicate the hours and minutes of a time (e.g., clockhands or hour/minute indications). In some embodiments, complicationsprovide different types of information to a user, such as data obtainedfrom an application. In some embodiments, the information conveyed to auser by a complication is customizable.

In FIG. 6E, illustrates the first editing page corresponding to pagingdot 622 a, as indicated by paging dot 622 a being displayed in white tovisually distinguish it from paging dots 622 b and 622 c, which areshown in black. In the first editing page a user can rotate inputmechanism 604 to edit a background color of clock face 606.

A user can swipe on touch-sensitive display 602 to switch to a differentediting page, as shown by input 610 c in FIG. 6E. A user can providemultiple inputs to scroll through multiple editing pages. In theillustrated embodiment in FIG. 6F, the user has navigated to the thirdediting page, as indicated by paging dot 622 c being displayed in whiteto visually distinguish it from paging dots 622 a and 622 b.

The third editing page provides capability to display complications atvarious locations on clock face 606. As shown in FIG. 6F, there are fourlocations 624 a-624 d on clock face 606 where a complication can bedisplayed. Element indicator 620 indicates that location 624 b isselected for editing. In response to detecting input 610 d, device 600displays complication 626 at location 624 b, as seen in FIG. 6G. In someembodiments, a user can select other locations (e.g., by tapping on alocation) and select complications according to the technique describedwith reference to FIG. 6F. FIG. 6H illustrates user interface 618 aftera complication has been selected for each location.

In response to detecting input 610 e (e.g., a press of input mechanism604), device 600 exits clock face edit mode and returns to userinterface, with representation 616 a updated with the selectedcomplications, as shown in FIG. 6. In response to input 610 f (e.g., apress of input mechanism 604), displays clock face 628 with complication626 at location 624 b, as shown in FIG. 6J. Compared to clock face 606without complication 626 (e.g., as illustrated in FIG. 6A), analog dial612 is modified (e.g., to provide room on clock face 606 forcomplication 626). Complication 626 occupies a position on clock face628 that was previously occupied by analog-dial element 612 b in clockface 606. In order to provide room on clock face 628 for complication626, the position and/or size of analog-dial element 612 b is changed(e.g., such that complication 626 and analog-dial element 612 b do notoverlap or obstruct one another). In the illustrated embodiment in FIG.6J, analog-dial element 612 b is shortened such that it occupies aright-side portion of the position that it occupied in clock face 606,while complication 626 occupies a left-side portion of the position thatwas occupied by analog-dial element 612 b in clock face 606.

FIG. 7 is a flow diagram illustrating a method for providing a clockface using an electronic device in accordance with some embodiments.Method 700 is performed at an electronic device (e.g., 100, 300, 500,600) with a display device (e.g., 602). Some operations in method 700are, optionally, combined, the orders of some operations are,optionally, changed, and some operations are, optionally, omitted.

As described below, method 700 provides an intuitive way for displayingfeatures of a clock face. The method reduces the cognitive burden on auser interacting with a clock face, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to interact with a clock face faster and moreefficiently conserves power and increases the time between batterycharges.

The electronic device (e.g., 600) receives (702) a request to display aclock face (e.g., 606) (e.g., a wrist raise gesture, a request to switchfrom viewing an application or notification screen to displaying theclock face) that includes a plurality of analog-dial graphical elements(e.g., 612) corresponding to respective units of time.

In response (704) to receiving the request to display the clock face(e.g., 606) and in accordance (706) with a determination that arespective graphical element (e.g., 614, 626) (e.g., a notification dotor a complication that was not included on the clock face prior toediting the face) is to be displayed at a respective location (e.g.,614, 624 b) on the clock face, the electronic device displays, via thedisplay device, the clock face with the plurality of analog-dialgraphical elements (e.g., 612) (e.g., user interface elements)corresponding to respective units of time (e.g., marks, ticks, orindices indicating hours, minutes, or seconds) and the plurality ofanalog-dial graphical elements including a first analog-dial graphicalelement (e.g., 612 a, 612 b) that occupies a first position and has afirst size while the respective graphical element is displayed at therespective location on the clock face (e.g., the position corresponds toan area that defines the shape, location and/or size of the firstanalog-dial graphical element). Displaying the first analog-dialgraphical element such that it occupies a first position and has a firstsize while the respective graphical element is displayed at therespective location on the clock face in accordance with a determinationthat a respective graphical element is to be displayed at a respectivelocation on the clock face performs an operation when a particularcondition has been met, without requiring further user input, andprovides improved visual feedback without cluttering the user interfacewith additional or oversized graphical elements. This allows a device tomodify the analog-dial element such that the analog-dial element and theinformation provided by the respective graphical element are displayedwithout obscuring either element. Performing an operation when aparticular condition has been met, without requiring further user input,and providing improved visual feedback without cluttering the userinterface enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the analog-dial graphical elements are arranged ina circular pattern around a perimeter of the display. In someembodiments, the analog-dial graphical elements extend radially awayfrom a central point on the clock face. In some embodiments therespective graphical element has a position that includes at least aportion of a display position of the first analog-dial graphical elementwhen the respective graphical element is not displayed.

In accordance (708) with a determination that the respective graphicalelement (e.g., 614, 626) is not to be displayed at a respective location(e.g., 614, 624 b) on the clock face, the electronic device displays,via the display device, the clock face. The clock face includes theplurality of analog-dial graphical elements corresponding to therespective units of time. The first analog-dial graphical element of theplurality of analog-dial graphical elements occupies a second position(e.g., FIG. 6B) different from the first position (e.g., FIG. 6A) and/orhas a second size different from the first size (e.g., the firstanalog-dial graphical element moves and/or shrinks to make room for thepreviously not-displayed graphical element). In some embodiments, thesecond position includes a portion of the first position (e.g., thesecond position is a portion of the first position). In someembodiments, the first position (when the respective graphical elementis displayed) occupies at least a portion of the second position (whenthe respective graphical element is not displayed). Displaying the firstanalog-dial graphical element such that it occupies a second positiondifferent from the first position and/or has a second size differentfrom the first size in accordance with a determination that a respectivegraphical element is not to be displayed at a respective location on theclock face performs an operation when a particular condition has beenmet, without requiring further user input, and optimizes the use ofspace on the user interface. This allows a device to fully display,without modification, the analog-dial element when the respectivegraphical element is not displayed. Performing an operation when aparticular condition has been met, without requiring further user input,and optimizing the use of space on the user interface enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, the respective graphical element (e.g., 626) is acomplication (e.g., a complication refers to any clock face featureother than those used to indicate the hours and minutes of a time (e.g.,clock hands or hour/minute indications)) and the plurality ofanalog-dial graphical elements (e.g., 612) are positioned around thecomplication. In some embodiments, complications provide different typesof information to a user, such as data obtained from an application. Insome embodiments, the information conveyed to a user by a complicationis customizable. In some embodiments, the second size (when thecomplication is not displayed) is larger than the first size (when thecomplication is displayed). In some embodiments, the first analog-dialgraphical element (e.g., a tick) gets shorter but maintains the samegeneral shape (e.g., rounded ends). In some embodiments, someanalog-dial graphical elements (e.g., ticks) have two states (e.g.,short and long) and other analog-dial graphical elements have only onestate.

In some embodiments, the respective graphical element (e.g., 614)represents an alert notification (e.g., a small red dot), the secondposition (when the notification is not displayed) occupies at least aportion of the respective location on the clock face (the position ofthe notification dot), and the first position (when the notification isdisplayed) does not occupy at least a portion of the respective locationon the clock face. In some embodiments, the first analog-dial graphicalelement (e.g., a tick) gets shorter but maintains the same general shape(e.g., rounded ends).

In some embodiments, while displaying the clock face with the respectivegraphical element displayed at the respective location and the firstanalog-dial graphical element occupying the first position and havingthe first size, the electronic device ceases to display the respectivegraphical element. In response to ceasing to display the respectivegraphical element, the electronic device replaces display of the firstanalog-dial graphical element occupying the first position and havingthe first size with display of the first analog-dial graphical elementoccupying the second position and having the second size. The firstposition occupies at least a portion of the second position and thesecond size is larger than the first size (e.g., the first analog-dialgraphical element is displayed at the same position and size as beforethe respective graphical element was displayed).

Note that details of the processes described above with respect tomethod 700 (e.g., FIG. 7) are also applicable in an analogous manner tothe methods described below. For example, methods 900, 1100, 1300, 1500,1700, and 1900 optionally include one or more of the characteristics ofthe various methods described above with reference to method 700. Forexample, operations 702, 704, 706, and 708 can be applied to the displayof the clock faces in operations 902, 906, 908, 1306, and/or 1308. Forbrevity, these details are not repeated below.

FIGS. 8A-8T illustrate exemplary user interfaces for changing a languagesetting of a clock face to display features, such as the hour markers onan analog dial, in a selected language, in accordance with someembodiments. The user interfaces in these figures are used to illustratethe processes described below, including the processes in FIG. 9.

FIG. 8A depicts electronic device 600 displaying clock face 800 ondisplay 602. Clock face 800 includes indication of time 802, graphicalelement 804 a, and graphical element 806 a. Indication of time 802 isdisplayed according to an English language setting (e.g., a clockface-level language setting; a language setting specifically for orlimited to clock face 800, or features thereof), with hour markers thatinclude a mixture of numerals and ticks. Graphical elements 804 a andgraphical element 804 b are distinct from indication of time 802.Graphical element 804 a corresponds to a calendar application anddisplays date data from the calendar application. Graphical element 804b corresponds to a weather application and displays current temperaturedata from the weather application. Graphical element 804 a and graphicalelement 804 b are displayed according to an English language setting(e.g., a system-level English language setting).

In FIG. 8A, device 600 detects input 810 a (e.g., a contact ontouch-sensitive display 602 with a characteristic intensity greater thana threshold intensity or a duration longer than a threshold duration).In response to detecting input 810 a, device 600 enters a clock faceedit mode and displays user interface 806. In some embodiments, device600 enters the clock face edit mode in response to detecting a sequenceof one or more inputs, in accordance with the technique described abovewith reference to FIGS. 6C-6E.

User interface 806 includes a representation of clock face 800, elementindicator 808 indicating the element that is selected for editing, andpaging dots 812 a-812 d corresponding to first through fourth editingpages, respectively.

FIG. 8B illustrates the first editing page corresponding to paging dot812 a, as indicated by paging dot 812 a being displayed in white tovisually distinguish it from paging dots 812 b-812 d, which are shown inblack. In the first editing page a user can rotate input mechanism 604to edit a style of indication of time 802.

In response to detecting input 801 b (e.g., a rotation of inputmechanism 604), device 600 changes indication of time 802 from a mixeddial style, with numerals and ticks, to a California dial illustrated inFIG. 8C (e.g., having a mix of Arabic and Roman numerals).

In some embodiments, editing the style of the dial of a clock faceincludes an animation. FIG. 8C illustrates an embodiment of ananimation. In FIG. 8C, device 600 fades out characters of the currentstyle along a direction toward a center of the analog dial (FIG. 8C, topleft to top right) and then fades in characters of the new style along adirection away from the center of the analog dial (FIG. 8C, bottom rightto bottom left). In some embodiments, the first style fades out towardthe center and the second style fades in away from the center. In someembodiments, the first style fades out away from the center and thesecond style fades in toward the center. In some embodiments, the firststyle fades out toward the center and the second style fades in towardthe center. In some embodiments, the first style fades out away from thecenter and the second style fades in away from the center. In someembodiments, the characters used to represent divisions of time fade inand out in accordance with the rotation of the input mechanism 604.

As illustrated in FIG. 8C, the California dial includes Roman numeralsfor hour markers 1, 2, 10, and 11, Arabic numerals in English for hourmarkers 4, 5, 7, and 8, a symbol (e.g., downward pointing triangle) at12 o'clock, and horizontal bars at 3, 6, and 9.

In response to detecting input 801 c (e.g., a rotation of inputmechanism 604), device 600 changes indication of time 802 from theCalifornia dial style to a dial style with a numeral at each hourmarker, as illustrated in FIG. 8D.

Turning to FIG. 8E, device 600 detects input 810 d (e.g., a horizontalswipe). In response to input 810 d, device 600 switches to the secondediting page corresponding to paging dot 812 b. The second editing pageprovides capability to change a language setting for clock face 800. InFIG. 8F, device 600 indicates that English is the current languagesetting. In response to detecting user input 810 e (e.g., rotation ofinput mechanism 604), device 600 changes a language setting for clockface 800. As illustrated in FIG. 8G, device 600 sets the languagesetting to Hindi and changes the language in which indication of time802 is displayed by changing the display of the numerals in indicationof time 802 from English to Hindi. Graphical element 804 a and graphicalelement 804 b remain displayed in English.

In response to detecting input 810 f (e.g., rotation of input mechanism604), device 600 sets the language setting to Latin and changes thedisplay of the numerals in indication of time 802 from Hindi to Romannumerals, as illustrated in FIG. 8H. Graphical element 804 a andgraphical element 804 b remain displayed in English.

In response to detecting input 810 g (e.g., rotation of input mechanism604), device 600 sets the language setting to Greek and changes thedisplay of the numerals in indication of time 802 from Roman numerals toGreek, as illustrated in FIG. 8I. Graphical element 804 a and graphicalelement 804 b remain displayed in English.

In response to detecting input 810 h (e.g., rotation of input mechanism604), device 600 sets the language setting to Chinese and changes thedisplay of the numerals in indication of time 802 from Greek to Chinese,as illustrated in FIG. 8J. Graphical element 804 a and graphical element804 b remain displayed in English.

In response to detecting input 810 i (e.g., a press of input mechanism604), device 600 exits the clock face editing mode and displays clockface 813 with indication of time 802 displayed according to the lastselected language, Chinese, while graphical element 804 a and graphicalelement 804 b remain displayed in English, as illustrated in FIG. 8K. Insome embodiments, the language of the indication of time can be changedfor other dial styles (e.g., “Mixed” in FIG. 8A and California in FIG.8C).

In FIG. 8K, device 600 detects input 810 j (e.g., a press of inputmechanism 604). In response to detecting input 810 j, device 600displays user interface 814, as illustrated in FIG. 8L. User interface814 includes a plurality of affordances corresponding to respectiveapplications, menus, user interfaces, or the like. In response todetecting input 810 k (e.g., a tap) on affordance 816 (e.g., a settingsmenu affordance), device 600 displays user interface 818, as illustratedin FIG. 8M. User interface 818 includes a settings menu with affordances818 a-818 d corresponding to respective settings options. In response todetecting input 810 l (e.g., a tap) selecting affordance 818 c, device600 displays user interface 822 including a system language setting menuwith language options, as illustrated in FIG. 8N. Initially, languageoptions 822 a-822 d are displayed on display 602. In response todetecting input 810 m (e.g., an upward swipe), device 600 scrolls userinterface 822 to display additional language options 822 e and 822 f,while removing display of language options 822 a and 822 b, asillustrated in FIG. 8O. In response to detecting input 810 n (e.g., atap) selecting affordance 822 e corresponding to the language Greek,device 600 sets a system language setting of device 600 to Greek, andchanges the language in which the text in user interface 822 isdisplayed from English to Greek, as illustrated in FIG. 8P. In someembodiments, device 600 determines the system language setting based ona location of device 600. For example, device 600 can obtain locationinformation and set the system language setting to a language associatedwith a location determined based on the obtained location information.In some embodiments, device 600 obtains location information via, forexample, a GPS signal, a cellular signal, or other data.

In response to detecting input 810 o (e.g., a press of input mechanism604), device 600 exits the settings menu and displays clock face 823according to the selected system language setting, Greek. As illustratedin FIG. 8Q, graphical element 804 a and graphical element 804 b aredisplayed in Greek according to the system language setting, andindication of time 802 remains displayed according to the selected clockface language setting, Chinese.

Turning to FIGS. 8R-8T, embodiments of clock faces to which at leastsome of the techniques described above with reference to FIGS. 8A-Q canbe applied. FIG. 8R illustrates clock face 824 with digital indicationof time 826, which includes hour indicator 826 a and minute indicator826 b. In some embodiments, clock face 824 is selected by entering theclock face edit mode, navigating to a style editing page, and rotatinginput mechanism 604 to select the clock face style illustrated in FIG.8R.

In FIG. 8R, clock face 824 is displayed according to a clock facelanguage setting of English. In some embodiments, various elements ofclock face 824 can be edited by entering the clock face edit mode,navigating to an editing page, and rotating input mechanism 604 to editan element. In some embodiments, a user can edit a language setting anda color setting for clock face 824. FIG. 8S illustrates clock face 824displayed according to a clock face language setting of Arabic. In FIG.8S, hour indicator 826 a is displayed in a first color and minuteindicator 826 b is displayed in a second color different from the firstcolor. In some embodiments, the colors of hour indicator 826 a andminute indicator 826 b are the same or are in accordance with apredefined color scheme. In some embodiments, a first color of one ofthe hour indicator 826 a and minute indicator 826 b is determined (e.g.,based on a color of a band of device 600) and a second color for theother indicator is generated (e.g., automatically) based on thedetermined first color.

FIG. 8T illustrates clock face 828. In some embodiments, clock face 828is selected by entering the clock face edit mode, navigating to a styleediting page, and rotating input mechanism 604 to select the clock facestyle illustrated in FIG. 8T. Clock face 828 includes digital indicationof time 830 and analog indication of time 832. Digital indication oftime 830 includes a single digit representing an hour. Analog indicationof time 832 includes hour hand 832 a and minute hand 832 b. In FIG. 8T,hour hand 832 a and minute hand 832 b are different colors. Analogindication of time 832 is displayed in front of digital indication oftime 832. In some embodiments, hour hand 832 a and/or minute hand 832 bare translucent such that a portion of the digit of digital indicationof time 830 that overlaps with a hand of analog indication of time 832is partially visible.

FIG. 9 is a flow diagram illustrating a method for selecting a languagefor a clock face using an electronic device in accordance with someembodiments. Method 900 is performed at an electronic device (e.g., 100,300, 500, 600) with a display device (e.g., 602). Some operations inmethod 900 are, optionally, combined, the orders of some operations are,optionally, changed, and some operations are, optionally, omitted.

As described below, method 900 provides an intuitive way for selecting alanguage for a clock face. The method reduces the cognitive burden on auser for selecting a language for a clock face, thereby creating a moreefficient human-machine interface. For battery-operated computingdevices, enabling a user to select a language for a clock face fasterand more efficiently conserves power and increases the time betweenbattery charges.

The electronic device displays (902), via the display device, a firstclock face (e.g., 800 in FIG. 8A). The first clock face includes anindication of time (e.g., 802, 826, 830) (e.g., a digital indication oftime or an analog face including one or more hands and, optionally, adial) and a graphical element (e.g., 804 a, 804 b) distinct from theindication of time (e.g., a complication; a complication refers to anyclock face feature other than those used to indicate the hours andminutes of a time (e.g., clock hands or hour/minute indications). Theindication of time is displayed in a first language (e.g., the numeralson a digital face or an analog dial are in the first language; e.g.,English, Hindi, Arabic, Roman, Latin, Russian, Greek, Chinese) and thegraphical element is displayed in a second language. In someembodiments, the second language is the same as the first language. Insome embodiments, the second language is different from the firstlanguage. In some embodiments, complications provide different types ofinformation to a user, such as data obtained from an application. Insome embodiments, the information conveyed to a user by a complicationis customizable.

The electronic device detects (904) a sequence of one or more inputs(e.g., 810 a-810 i) (e.g., contacts on a touch-sensitive display and/oractivation (e.g., depression or rotation) of a rotatable inputmechanism) corresponding to a request to change a language associatedwith the indication of time (e.g., 802) on the first clock face (e.g.,800) (e.g., enter a clock face editing mode, select a language-selectioninterface/page, select a different language, and confirm selection ofclock face).

In response (906) to detecting the sequence of one or more inputscorresponding to a request to change a language associated with theindication of time on the first clock face, the electronic devicedisplays, via the display device, a second clock face (e.g., 813). Thesecond clock face includes the indication of time (e.g., 802). Theindication of time is displayed in a third language (e.g., Chinese)different from the first language (e.g., English) (e.g., the languageused for numerals on a digital face or an analog dial is changed) andthe graphical element (e.g., 804 a, 804 b) is displayed in the secondlanguage (e.g., English) (e.g., the language of the graphical element ismaintained). Displaying the second clock face with the indication oftime in a third language different from the first language and thegraphical element in the second language in response to detecting thesequence of one or more inputs corresponding to a request to change alanguage associated with the indication of time on the first clock faceprovides improved feedback and allows a user to customize a clock faceby selecting a particular language for the indication of time on theclock face without affecting other elements of the clock face, such ascomplications. This feature also provides additional customizationoptions (e.g., language customization) without requiring the user tochange a location associated with the entire device. Providing improvedfeedback and customization enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the electronic device includes a rotatable inputmechanism (e.g., 604) that is configured to rotate relative to a housingof the electronic device (e.g., around an axis parallel to a display ofthe electronic device). In some embodiments, the sequence of one or moreinputs corresponding to the request to change the language associatedwith the indication of time on the first clock face includes a rotation(e.g., 810 e-810 h) of the rotatable input mechanism.

In some embodiments, while the indication of time is displayed in thethird language, the electronic device detects (908) data (e.g., a secondsequence (e.g., 810 j-8100) of one or more inputs (e.g., contacts on atouch-sensitive display and/or activation (e.g., depression or rotation)of a rotatable and depressible input mechanism), GPS data indicatingthat the electronic device has moved to a location with a differentcommon language) corresponding to a request to change a languageassociated with the graphical element on the first clock face. In someembodiments, a system language is changed in a general settings menu. Insome embodiments, the system language is changed based on geographiclocation.

In some embodiments, in response (910) to detecting the datacorresponding to a request to change a language associated with thegraphical element on the first clock face, the electronic devicedisplays, via the display device, a third clock face (e.g., 823). Thethird clock face includes the indication of time (e.g., 802) displayedin the third language (e.g., the current language of the indication oftime is maintained) and the graphical element (e.g., 804 a, 804 b)displayed in a fourth language (e.g., Greek) different from the secondlanguage (e.g., English) (e.g., the language of the graphical element ischanged). Displaying the third clock face with the graphical element ina fourth language different from the second language and the indicationof time in the third language in response to detecting the datacorresponding to a request to change a language associated with thegraphical element on the first clock face provides improved feedback andallows a user to customize a clock face by selecting a particularlanguage for graphical elements, such as complications, whilemaintaining a selected language for the indication of time. Providingimproved feedback enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, displaying the first clock face and/or the secondclock face includes displaying the indication of time in a first color.In some embodiments, the electronic device receives a request to displaya current clock face (e.g., a wrist raise gesture, a request to switchfrom viewing an application or notification screen to displaying theclock face). In response to receiving the request to display a currentclock face, the electronic device displays, via the display device, afourth clock face. The fourth clock face includes the indication of timedisplayed in a second color different from the first color (e.g., thecolor used for numerals on a digital face or an analog dial is changed)and the graphical element (e.g., the appearance of the graphical elementis maintained). In some embodiments, changing color on wrist raise is auser-selectable option (e.g., in an edit mode).

In some embodiments, the indication of time includes a plurality ofgraphical elements. The plurality of graphical elements include a firstgraphical element representing a numeral (e.g., “3”, “III”) and a secondgraphical element distinct from a representation of a numeral (e.g., atick mark) (e.g., FIG. 8C). In some embodiments, the plurality ofgraphical elements are all numerals.

In some embodiments, the indication of time includes an analog dial anddisplaying the first clock face and/or the second clock face includesdisplaying the analog dial according to a first style (e.g., allnumerals dial (FIG. 8D) or a dial (e.g., FIG. 8A, 8C) having acombination of numerals and non-numeric graphical elements (e.g.,symbols)). In some embodiments, the electronic device detects a sequenceof one or more inputs (e.g., 810 a-810 c) (e.g., contacts on atouch-sensitive display and/or activation (e.g., depression or rotation)of a rotatable input mechanism) corresponding to a request to change astyle of the analog dial (e.g., enter a face editing mode, select a dialstyle-selection interface, select a different dial style, and confirmselection of style). In some embodiments, the dial style is adjustedafter adjusting language (e.g., the style of the dial is changes whilemaintaining the language selected for the dial). In some embodiments, inresponse to detecting the sequence of one or more inputs correspondingto a request to change a style of the analog dial, the electronic devicedisplays, via the display device, a fourth clock face (e.g., FIG. 8C,8D). The fourth clock face includes the indication of time with theanalog dial displayed according to a second style different from thefirst style and the graphical element (e.g., the appearance of thegraphical element is maintained). Displaying the fourth clock faceincluding the indication of time (analog or digital) according to asecond style different from a first style in response to detecting asequence of one or more inputs provides improved feedback and allows auser to customize a clock face by selecting a particular style of dial(in addition to the language of the dial). Providing improved feedbackenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, the electronic device includes a rotatable inputmechanism (e.g., 604) configured to rotate relative to a housing of theelectronic device and the sequence of one or more inputs (e.g., 810 b,810 c) corresponding to a request to change a style of the analog dialincludes a rotation of the rotatable input mechanism. In someembodiments, displaying the fourth clock face includes fading outcharacters used to represent divisions of time (e.g., numerals and/ortick marks) in the analog dial displayed according to the first stylealong a first direction relative to a center of the analog dial (e.g.,toward or away from the center of the analog dial) and then fading incharacters used to represent divisions of time in the analog dialdisplayed according to the second style along a second directionrelative to the center of the analog dial (e.g., toward or away from thecenter of the analog dial). In some embodiments, the first style fadesout toward the center and the second style fades in away from thecenter. In some embodiments, the first style fades out away from thecenter and the second style fades in toward the center. In someembodiments, the first style fades out toward the center and the secondstyle fades in toward the center. In some embodiments, the first stylefades out away from the center and the second style fades in away fromthe center. In some embodiments, the characters used to representdivisions of time fade in and out in accordance with the rotation of therotatable input mechanism.

In some embodiments, fading in the characters used to representdivisions of time displayed according to the second style begins afterfading out the characters used to represent divisions of time displayedaccording to the first style is complete. In some embodiments, thesecond style begins fading in before the first style has finished fadingout.

In some embodiments, the electronic device receives a request to displaya current clock face (e.g., a wrist raise gesture, a request to switchfrom viewing an application, an application-selection screen(springboard), or a notification screen to displaying the clock face).In response to receiving the request to display a current clock face,the electronic device displays, via the display device, a fifth clockface including the indication of time and the graphical element. In someembodiments, the indication of time includes an analog dial anddisplaying the fifth clock face includes fading in characters used torepresent divisions of time in the analog dial along a directionrelative to a center of the analog dial (e.g., toward or away from thecenter of the analog dial).

In some embodiments (e.g., FIG. 8T), the indication of time includes adigital indication of time (e.g., 830) displayed concurrently with(e.g., displayed behind) an analog indication of time (e.g., 832) (e.g.,the analog indication of time overlays at least a portion of the digitalindication of time). The analog indication of time includes a pluralityof clock hands (e.g., 832 a, 832 b) displayed in front of the digitalindication of time (e.g., translucent or semi-transparent clock hands).

In some embodiments, the indication of time includes an analog dial anddisplaying the first clock face and/or the second clock face includesdisplaying the analog dial according to a first style (e.g., allnumerals dial or California dial). In some embodiments, the electronicdevice detects a sequence of one or more inputs (e.g., contacts on atouch-sensitive display and/or activation (e.g., depression or rotation)of a rotatable input mechanism) corresponding to a request to change acolor of a clock face (e.g., enter a face editing mode, select acolor-selection interface, select a color, and confirm selection offace). In some embodiments, color is adjusted after adjusting language.In some embodiments, in response to detecting the sequence of one ormore inputs corresponding to a request to change a color of a clockface, the electronic device displays, via the display device, a sixthclock face. The sixth clock includes the indication of time according tothe request to change the color of the clock face and the graphicalelement according to the request to change the color of the clock face.

In some embodiments, the indication of time includes an hour indicator(e.g., 826 a) (e.g., a digital numeral, hour hand, or one or more hourmarkers on an analog dial) displayed in a first color and a minuteindicator (e.g., 826 b) (e.g., a digital numeral, minute hand, or one ormore minute markers on an analog dial) displayed in a second colordifferent from the first color.

In some embodiments, the indication of time includes an hour indicator(e.g., a digital numeral, hour hand, or one or more hour markers on ananalog dial) and a minute indicator (e.g., a digital numeral, minutehand, or one or more minute markers on an analog dial), and inaccordance with a user selection of a first color for both the hourindicator and the minute indicator, the electronic device displays thehour indicator in a second color (e.g., the first color or a colordifferent from the first color (e.g., a slightly darker shade of thefirst color) and the minute indicator in a third color different fromthe second color (e.g., a slightly darker or lighter shade of the secondcolor).

Note that details of the processes described above with respect tomethod 900 (e.g., FIG. 9) are also applicable in an analogous manner tothe methods described below/above. For example, methods 700, 1100, 1300,1500, and 1700 optionally includes one or more of the characteristics ofthe various methods described above with reference to method 900. Forexample, the operations of method 900 can be used to change anindication of time in methods 700, 1300, 1500, and 1700. For brevity,these details are not repeated below.

FIGS. 10A-10N illustrate exemplary user interfaces for presenting one ormore gradients on a clock face, where the gradient(s) are displayedbased on the position of one or clock hands indicating a time on theclock face, in accordance with some embodiments. The user interfaces inthese figures are used to illustrate the processes described below,including the processes in FIG. 11.

FIG. 10A depicts electronic device 600 displaying a first clock face1000 on display 602 at a first time (e.g., 10 hr:09 min:23 sec). In someembodiments, device 600 displays first clock face 1000 in response toreceiving a request to display a clock face (e.g., a wrist raisegesture, a request to switch from viewing an application or notificationscreen to displaying the clock face). First clock face 1000 includes aplurality of clock hands, including hour hand 1002 a, minute hand 1002b, and seconds hand 1002 c, and color gradient 1004 (e.g., an angularcolor gradient). Color gradient 1004 includes a gradual transition froma first color at first edge 1004 a of color gradient 1004 to a secondcolor at second edge 1004 b of color gradient 1004. First edge 1004 a isselected based on a position of seconds hand 1002 c (e.g., aclockwise-facing side of seconds hand 1002 c) and second edge 1002 b isalso selected based on the position of seconds hand 1002 c (e.g., acounter-clockwise-facing side of seconds hand 1002 c). In FIG. 10A, theedges of gradient 1004 are located along the position of seconds hand1002 c.

In FIGS. 10A-10G, the direction of the change in color of a gradient isindicated by a curved arrow. In some embodiments (e.g., angular colorgradients), the color of a gradient is constant along a particulardirection from an origin (e.g., the center of the face) and varies withangle around the origin.

Turning again to FIG. 10A, device 600 detects input 1010 a (e.g., acontact on touch-sensitive display 602 with a characteristic intensitygreater than a threshold intensity or a duration longer than a thresholdduration). In response to detecting input 1010 a, device 600 enters aclock face edit mode and displays user interface 1006. In someembodiments, device 600 enters the clock face edit mode in response todetecting a sequence of one or more inputs, in accordance with thetechnique described above with reference to FIGS. 6C-6E.

User interface 1006 provides capability to select the number of colorgradients included on the clock face. User interface 1006 includes arepresentation of clock face 1000, element indicator 1008 indicating theelement that is selected for editing, and paging dots 1012 a-1012 bcorresponding to first and second editing pages, respectively. FIG. 10Balso illustrates clock face 1000, with gradient 1004 displayed accordingto clock hands 1002 a-1002 c in a different position (e.g., indicating adifferent time). FIG. 10B illustrates that color gradient 1004 changesposition (e.g., rotates) in accordance with movement of seconds hand1002 c. FIG. 10B depicts first clock face 1000 indicating a time (e.g.,0 hr:09 min:30 sec) different from the time indicated by hands 1002a-1002 c in FIG. 10A. The colors of color gradient 1004 remain the sameand first edge 1004 a and second edge 1004 b maintain the samerelationship with the position of seconds hand 1002 c (e.g., alongseconds hand 1002 c). Compared to the display at the time indicated inFIG. 10A, color gradient 1004 is rotated by the same amount as secondshand 1002 c (e.g., color gradient 1004 is fixed to seconds hand 1002 c).In some embodiments, the position of color gradient 1004 (e.g., firstedge 1004 a and second edge 1004 b) is based on the position of hourhand 1002 a (e.g., not on the position of minutes hand 1002 b or secondshand 1002 c). In some embodiments, the position of color gradient 1004is based on the position of minute hand 1002 b (e.g., not on theposition of hour hand 1002 a or seconds hand 1002 c).

FIG. 10B illustrates the first editing page corresponding to paging dot1012 a, as indicated by paging dot 1012 a being displayed in white tovisually distinguish it from paging dot 1012 b, which is shown in black.In the first editing page a user can rotate input mechanism 604 tochange the number of gradients included on the clock face.

In response to detecting input 1001 b (e.g., a rotation of inputmechanism 604), device 600 displays clock face 1014 with two colorgradients, color gradient 1016-1 and color gradient 1016-2, hour hand1002 a, minute hand 1002 b, seconds hand 1002 c, as illustrated in FIG.10C.

Color gradient 1016-1 includes a gradual transition from the first colorat first edge 1016-1 a of color gradient 1016-1 to the second color atsecond edge 1016-1 b of color gradient 1016-1. First edge 1016-1 a andsecond edge 1016-1 b are both selected based on a position of minutehand 1002 b, with first edge 1016-1 a located along the clockwise facingside of minute hand 1002 b and second edge 1016-1 b located 180 degreesaround clock face 1014 from minute hand 1002 b. Color gradient 1016-2includes a gradual transition from the first color (e.g., a color thatis the same or different than the first color of gradient 1016-1) atfirst edge 1016-2 a of color gradient 1016-2 to the second color (e.g.,a color that is the same or different than the second color of gradient1016-1) at second edge 1016-2 b of color gradient 1016-2. First edge1016-2 a and second edge 1008-2 b are both selected based on theposition of minute hand 1002 b, with first edge 1016-1 a located 180degrees around clock face 1014 from minute hand 1002 b and second edge1016-1 b located along the counterclockwise-facing side of minute hand1002 b.

In response to input 1010 c (e.g., a press of input mechanism 604),device 600 exits clock face edit mode and displays clock face 1014 asshown in FIG. 10D. In some embodiments, device 600 exits clock face editmode and displays clock face 1014 as shown in FIG. 10D in response to asequence of one or more inputs as described above with reference toFIGS. 6H-6J.

FIG. 10D depicts clock face 1014 indicating a time different from thetime indicated while in clock face edit mode in FIG. 10C. Colorgradients 1016-1 and 1016-2 have different positions in accordance withthe difference in position of minute hand 1002 b compared to FIG. 10C.As time progresses, color gradients 1016-1 and 1016-2 rotate aroundclock face 1014 with minute hand 1002 b, maintaining the samerelationship relative to minute hand 1002 b as described with referenceto FIGS. 10C and 10D. As minute hand 1002 b rotates, the angular extentsof color gradients 1016-1 and 1016-2 remain constant, and the positionof color gradient 1016-1 relative to color gradient 1016-2 remainsconstant.

Device 600 can also display a clock face with three color gradients. Auser can edit the clock face to display three color gradients (or switchthe clock face back to one color gradient) via the clock face edit modedescribed with reference to FIGS. 10A-10D.

FIG. 10E illustrates clock face 1018 with three color gradients, 1020-1,1020-2, and 1020-3. Color gradient 1020-1 includes a gradual transitionfrom the first color at first edge 1020-1 a of color gradient 1020-1 tothe second color at second edge 1020-1 b of color gradient 1020-1. Basedon the positions of clock hands 1002 a-1002 c in FIG. 10E, first edge1020-1 a is selected based on a position of seconds hand 1002 c, withfirst edge 1020-1 a located along the clockwise facing side of secondshand 1002 b. Second edge 1020-1 b is selected based on a position ofhour hand 1002 a, with second edge 1020-1 b located along thecounterclockwise facing side of hour hand 1002 a.

Color gradient 1020-2 includes a gradual transition from the first colorat first edge 1020-2 a of color gradient 1020-2 to the second color atsecond edge 1020-2 b of color gradient 1020-2. Based on the positions ofclock hands 1002 a-1002 c in FIG. 10E, first edge 1020-2 a is selectedbased on a position of hour hand 1002 a, with first edge 1020-2 alocated along the clockwise facing side of hour hand 1002 a. Second edge1020-2 b is selected based on a position of minute hand 1002 b, withsecond edge 1020-2 b located along the counterclockwise facing side ofminute hand 1002 b.

Color gradient 1020-3 includes a gradual transition from the first colorat first edge 1020-3 a of color gradient 1020-3 to the second color atsecond edge 1020-3 b of color gradient 1020-3. Based on the positions ofclock hands 1002 a-1002 c in FIG. 10E, first edge 1020-3 a is selectedbased on a position of minute hand 1002 b, with first edge 1020-3 alocated along the clockwise facing side of minute hand 1002 a. Secondedge 1020-3 b is selected based on a position of seconds hand 1002 c,with second edge 1020-3 b located along the counterclockwise facing sideof seconds hand 1002 c.

As the relative positions of clock hands 1002 a-1002 c change (e.g., astime progresses), color gradients 1020-1, 1020-2, and 1020-3 changeposition (e.g., compress, expand, and/or rotate) in accordance with thechange in positions of clock hands 1002 a-1002 c. For example, as timeprogresses and seconds hand 1002 c gets closer to hour hand 1002 a,color gradient 1020-1 gets smaller (e.g., compressed) and color gradient1020-3 gets larger (e.g., expanded).

FIG. 10F depicts clock hands 1002 a-1002 c indicating a time differentfrom the time indicated in FIG. 10E. The colors of color gradients1020-1, 1020-2, and 1020-3 remain the same, and the relationshipsbetween color gradients 1020-1, 1020-2, and 1020-3 relative to clockhands 1002 a-1002 c remain the same. In FIG. 10F, seconds hand 1002 chas the same angular position as hour hand 1002 a. Since there is noangular separation between hour hand 1002 a and seconds hand 1002 ccolor gradient 1020-1 is not displayed (e.g., since color gradient1020-1 occupies the angular extent of clock face 1018 going clockwisefrom seconds hand 1002 c to hour hand 1002 a). The size and position ofcolor gradient 1020-2 remains substantially the same since the positionsof hour hand 1002 a and minute hand 1002 b are substantially unchanged(e.g., there is only slight movement of hour hand 1002 a and minute hand1002 b over the course of approximately 20 seconds). The size of colorgradient 1020-3 increases since the angular separation clockwise fromminute hand 1002 b to seconds hand 1002 c has increased.

FIG. 10G illustrates clock face 1018 with clock hands 1002 a-1002 cindicating another time after the time indicated in FIG. 10F (e.g.,approximately 10 seconds later), after seconds hand 1002 c has passedhour hand 1002 a and is between hour hand 1002 a and minute hand 1002 b(in the clockwise direction). One clock hand passing another causeschange in the relationships between color gradients 1020-1, 1020-2, and1020-3 and clock hands 1002 a-1002 c.

In FIG. 10G, color gradient 1020-1 is displayed with first edge 1020-1 aselected based on a position of hour hand 1002 a and second edge 1020-1b selected based on a position of seconds hand 1002 c. Whereas colorgradient 1020-1 previously went from the first color at seconds hand1002 c to the second color at hour hand 1002 a, it now goes from thefirst color at hour hand 1002 a to the second color at seconds hand 1002c. Color gradient 1020-2 is displayed with first edge 1020-2 a selectedbased on a position of seconds hand 1002 c and second edge 1020-2 bselected based on a position of minute hand 1002 b. Whereas colorgradient 1020-2 previously went from the first color at hour hand 1002 ato the second color at minute hand 1002 b, it now goes from the firstcolor at seconds hand 1002 c to the second color at minute hand 1002 b.Color gradient 1020-3 is displayed with first edge 1020-3 a selectedbased on a position of minute hand 1002 b and second edge 1020-3 bselected based on a position of hour hand 1002 a. Whereas color gradient1020-3 previously went from the first color at minute hand 1002 b to thesecond color at seconds hand 1002 c, it now goes from the first color atminute hand 1002 b to the second color at hour hand 1002 a.

Analogous changes in the positions and sizes of color gradients 1020-1,1020-2, and 1020-3, and in the relationships between color gradients1020-1, 1020-2, and 1020-3 and clock hands 1002 a-1002 c, occurs whenseconds hand 1002 c passes minute hand 1002 b and when minute hand 1002b passes hour hand 1002 a. For example, as time progresses from FIG. 10Gand seconds hand 1002 c passes minute hand 1002 b, the display of colorgradient 1020-2 is temporarily removed and then re-displayed in theangular extent clockwise from minute hand 1002 b to seconds hand 1002 c,color gradient 1020-1 occupies the angular extent clockwise from hourhand 1002 a to minute hand 1002 b, and color gradient 1020-3 occupiesthe angular extent clockwise from seconds hand 1002 c to hour hand 1002a.

FIGS. 10H-10N illustrate additional examples of clock faces, whichcorresponds to the clock faces of FIGS. 10A-10G, respectively. The clockfaces of FIGS. 10H-10N provide visual depictions of features describedand illustrated with respect to the clock faces of FIGS. 10A-10G. Forexample, the clock face of FIG. 10H corresponds to the clock face ofFIG. 10A, the clock face of FIG. 10I corresponds to the clock face ofFIG. 10B, the clock face of FIG. 10J corresponds to the clock face ofFIG. 10C, the clock face of FIG. 10K corresponds to the clock face ofFIG. 10D, the clock face of FIG. 10L corresponds to the clock face ofFIG. 10E, the clock face of FIG. 10M corresponds to the clock face ofFIG. 10F, the clock face of FIG. 10N corresponds to the clock face ofFIG. 10G.

FIG. 11 is a flow diagram illustrating a method for displaying gradientson a clock face using an electronic device in accordance with someembodiments. Method 1100 is performed at an electronic device (e.g.,100, 300, 500, 600) with a display device (e.g., 602). Some operationsin method 1100 are, optionally, combined, the orders of some operationsare, optionally, changed, and some operations are, optionally, omitted.

As described below, method 1100 provides an intuitive way for displayinggradients on a clock face. The method reduces the cognitive burden on auser for displaying gradients on a clock face, thereby creating a moreefficient human-machine interface. For battery-operated computingdevices, enabling a user to display gradients on a clock face faster andmore efficiently conserves power and increases the time between batterycharges.

The electronic device displays (1102), via the display device, a firstclock face (e.g., 1000, 1014). The first clock face includes a pluralityof clock hands (e.g., 1002 a, 1002 b, 1002 c) including a first clockhand (e.g., 1002 b) (e.g., an hour, minute, or second hand) and a secondclock hand (e.g., 1002 a) (e.g., another one of an hour, minute, orsecond hand) and a color gradient (e.g., 1004, 1016 a, 1016 b) of thefirst clock face. The color gradient of the first clock face includes agradual transition from a first color at a first edge (e.g., 1004 a,1016 a) of the color gradient of the first clock face to a second colorat a second edge (e.g., 1004 b, 1016 b) of the color gradient of thefirst clock face (e.g., a color gradient that varies based on directionfrom an origin; an angular gradient; a conic gradient; the colorgradient has the first color at a first edge of the gradient, which islocated along a first direction from the origin, and the second color ata second edge of the gradient, which is located along a second directionfrom the origin; the color changes gradually (e.g., smoothly or inincrements) with angle from the first color to the second color; theterm “color” refers to different hues, tones, shades, tints, includingbut is not limited to, black, white, and gray; in some embodiments, thefirst color and/or the second color is user selectable). The first edge(e.g., 1004 a, 1016 a) of the color gradient of the first clock face isselected based on a position of the first clock hand (e.g., 1002 b) ofthe first clock face and the second edge (e.g., 1004 b, 1016 b) of thecolor gradient of the first clock face is selected based on the positionof the first clock hand (e.g., 1002 b) of the first clock face.Displaying a gradient based on the position of a clock hand of aplurality of clock hands as described above provides improved visualfeedback by presenting a clear visual indication of the value of theunit of time represented by the clock hand and providing a dynamic userinterface. Providing improved visual feedback enhances the operabilityof the device and makes the user-device interface more efficient (e.g.,by helping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

The electronic device detects (1104) a sequence of one or more inputs(e.g., 1010 a-1010 c) (e.g., contacts on a touch-sensitive displayand/or activation (e.g., depression or rotation) of a rotatable inputmechanism) corresponding to a request to edit the first clock face(e.g., enter a face editing mode, select a gradient style-selectioninterface, select a different number of gradients, and confirm selectionof face).

In response (1106) to detecting the sequence of one or more inputscorresponding to a request to edit the first clock face, the electronicdevice displays, via the display device, a second clock face (e.g.,1018). The second clock face includes the plurality of clock handsincluding the first clock hand (e.g., 1002 b) (e.g., the same firstclock hand (i.e., hour, minute, or second hand) as on the first clockface) and the second clock hand (e.g., 1002 a) (e.g., the same secondclock hand (i.e., hour, minute, or second hand) as on the first clockface) and a first color gradient (e.g., 1020-3) of the second clockface. The first color gradient of the second clock face including agradual transition from the first color at a first edge (e.g., 1020-3 a)of the first color gradient of the second clock face to the second colorat a second edge (e.g., 1020-3 b) of the first color gradient of thesecond clock face. The first edge of the first color gradient of thesecond clock face is selected based on a position of the first clockhand (e.g., 1002 b) of the second clock face and the second edge of thefirst color gradient of the second clock face is selected based on aposition of the second clock hand (e.g., 1002 a) of the second clockface. The second clock face further includes a second color gradient(e.g., 1020-2) of the second clock face. The second color gradient ofthe second clock face includes a gradual transition from the first colorat a first edge (e.g., 1020-2 a) of the second color gradient of thesecond clock face to the second color at a second edge (e.g., 1020-2 b)of the second color gradient of the second clock face. The second edgeof the color gradient of the second clock face is selected based on theposition of the first clock hand (e.g., 1002 b) of the second clockface. Displaying a clock face with two gradients in response todetecting a sequence of one or more inputs corresponding to a request toedit the first clock face, where the display of the two gradients arebased on the positions of two clock hand as described above providesimproved visual feedback by allowing for customization of the clockface, presenting a clear visual indication of the values of the units oftime represented by the two clock hands, and providing a dynamic userinterface. Providing improved visual feedback enhances the operabilityof the device and makes the user-device interface more efficient (e.g.,by helping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the first clock hand (e.g., 1002 c) of the firstclock face indicates (e.g., represents) seconds of time.

In some embodiments, the first edge of the second color gradient of thesecond clock face is selected based on a position of the second clockhand of the second clock face (e.g., minute hand 1002 b defines onetransition between the two gradients; the second transition is definedby the hour hand or a fixed position (e.g., vertically from center ofclock upward, 180 degrees from the minutes hand)). In some embodiments,the two gradients follow the hour hand (e.g., 1002 a) or the secondshand (e.g., 1002 c).

In some embodiments, the plurality of clock hands (e.g., 1002 a-1002 c)of the second clock face includes a third clock hand (e.g., 1002 c), andthe first edge of the second color gradient of the second clock face isselected based on a position of the third clock hand of the second clockface (e.g., the first edge of the second color gradient of the secondclock face is located along the third clock hand of the second clockface; the second color gradient starts at the third clock hand and endsat the first clock hand).

In some embodiments, the second clock face includes a third colorgradient (e.g., 1020-1) of the second clock face. The third colorgradient of the second clock face including a gradual transition fromthe first color at a first edge (e.g., 1020-1 a) of the third colorgradient of the second clock face to the second color at a second edge(e.g., 1020-1 b) of the third color gradient of the second clock face.The first edge of the third color gradient of the second clock face isselected based on a position of the second clock hand (e.g., 1002 a) ofthe second clock face (e.g., the first edge of the third color gradientof the second clock face is located along the second clock hand of thesecond clock face) and the second edge of the color gradient of thesecond clock face is selected based on a position of the third clockhand (e.g., 1002 c) of the second clock face (e.g., the second edge ofthe third color gradient of the second clock face is located along thethird clock hand of the second clock face; the third color gradientstarts at the second clock hand of the second clock face and ends at thethird clock hand of the second clock face). Displaying a clock face withthree gradients, where the display of the three gradients are based onthe positions of three clock hand as described above provides improvedvisual feedback by allowing for customization of the clock face,presenting a clear visual indication of the values of the units of timerepresented by the three clock hands, and providing a dynamic userinterface. Providing improved visual feedback enhances the operabilityof the device and makes the user-device interface more efficient (e.g.,by helping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, detecting the sequence of one or more inputsincludes detecting a first input (e.g., 1010 a) in the sequence ofinputs. In response to detecting the first input, the electronic devicedisplays a clock face editing user interface (e.g., 1006). Whiledisplaying the clock face editing user interface, the electronic devicedetects a second sequence of one or more inputs (e.g., 1010 b, 1010 c)that is a subset of the first sequence of one or more inputs.

In some embodiments, a spatial extent of the first color gradient of thesecond clock face is different from a spatial extent of the second colorgradient of the second clock face (e.g., the angle between the edges ofthe first color gradient of the second clock face (e.g., X degrees) isdifferent from the angle between the edges of the second color gradientof the second clock face (e.g., 360-X degrees)).

In some embodiments, displaying the second clock face includes, inaccordance with the first clock hand of the second clock face having afirst position relative to the second clock hand of the second clockface, the first color gradient of the second clock face has a firstspatial extent, and in accordance with the first clock hand of thesecond clock face having a second position relative to the second clockhand of the second clock face different from the first position relativeto the second clock hand of the second clock face, the first colorgradient of the second clock face has a second spatial extent differentfrom the first spatial extent.

In some embodiments, the second color is selected (e.g.,algorithmically) based on the first color and is not user-configurable.In some embodiments, the first color is selected by a user or is basedon an accessory of the electronic device (e.g., the color of a watchband). In some embodiments, the second color is determined (e.g., by theelectronic device) according to an algorithm that uses the first coloras an input. In some embodiments, selection of a monochrome color schemeswitches the clock face from multicolor to black and white plus anaccent color for less than half of the elements on the face.

In some embodiments, the first color is a first shade of grey in a rangeof greys including black and while, and the second color is a secondshade of grey in the range of greys including black and white. In someembodiments, the first color is different from the second color.

In some embodiments, the first clock hand includes the first color andthe second clock hand includes the second color.

In some embodiments, after displaying the second clock face includingthe first color gradient of the second clock face and the second colorgradient of the second clock face, the electronic device receives arequest to display a current clock face (e.g., a wrist raise gesture, arequest to switch from viewing an application, an application-selectionscreen (springboard), a change in current time, or a notification screento displaying the clock face). In response to receiving the request todisplay a current clock face and in accordance with a determination thatthe position of the first clock hand corresponds to the position of thesecond clock hand (e.g., FIG. 10F) (e.g., second hand moving onto minutehand or minute hand moving onto hour hand), the electronic devicedisplays, via the display device, the second clock face with the firstcolor gradient of the second clock face and without the second colorgradient of the second clock face. In response to receiving the requestto display a current clock face and in accordance with a determinationthat the position of the first clock hand does not correspond to theposition of the second clock hand, the electronic device displays, viathe display device, the second clock face with the first color gradientof the second clock face and with the second color gradient of thesecond clock face.

In some embodiments, after displaying, via the display device, thesecond clock face with the first color gradient of the second clock faceand without the second color gradient of the second clock face, theelectronic device receives a second request to display a current clockface (e.g., a wrist raise gesture, a request to switch from viewing anapplication, an application-selection screen (springboard), a change incurrent time, or a notification screen to displaying the clock face). Inresponse to receiving the second request to display a current clock faceand in accordance with a determination that the position of the firstclock hand corresponds to the position of the second clock hand (e.g.,hour and minute hands still overlap), the electronic device displays,via the display device, the second clock face with the first colorgradient of the second clock face and without the second color gradientof the second clock face. In response to receiving the second request todisplay a current clock face and in accordance with a determination thatthe position of the first clock hand does not correspond to the positionof the second clock hand (e.g., second hand moving past the minute handor minute hand moving past the hour hand), the electronic devicedisplays, via the display device, the second clock face with the firstcolor gradient of the second clock face and with the second colorgradient of the second clock face.

Note that details of the processes described above with respect tomethod 1100 (e.g., FIG. 7) are also applicable in an analogous manner tothe methods described below/above. For example, methods 700, 900, 1300,1500, 1700, and 1900 optionally include one or more of thecharacteristics of the various methods described above with reference tomethod 1100. For example, operations 1102, 1104, and 1106 can be appliedto a clock face in methods 700 and 900, one or more segments in method1300, and/or the indication of time in method 1500. For brevity, thesedetails are not repeated below.

FIGS. 12A-12M illustrate exemplary user interfaces for a clock face, inaccordance with some embodiments. The user interfaces in these figuresare used to illustrate the processes described below, including theprocesses in FIG. 13.

FIG. 12A depicts electronic device 600 displaying clock face 1200 ondisplay 602. In some embodiments, device 600 displays clock face 1200 inresponse to receiving a request to display a clock face (e.g., a wristraise gesture, a request to switch from viewing an application ornotification screen to displaying the clock face). Clock face 1200includes digital indication of time 1202, segment 1204, and complication1206. Digital indication of time 1202 indicates the current time (e.g.,10:09 am). Segment 1204 includes first edge 1204-1 and second edge1204-2. First edge 1204-1 is at a first position (e.g., angularposition) that indicates the hour of the current time (e.g., 10o'clock), and second edge 1204-2 is at a second position (e.g., angularposition) that indicates the minute of the current time (e.g., nineminutes after the hour). Each edge of segment 1204 extends radially froma common point (e.g., the center of display 602) to the edge of display602.

Digital indication of time 1202 includes numerals. In some embodiments,the color of the numerals in digital indication of time 1202 is based onthe position of the numerals relative to the segment. For example,segment 1204 is a first color or pattern, the portion of the numeralsthat overlaps with segment 1204 is displayed in a second color orpattern that is different from the color or pattern of segment 1204, andthe portion of the numerals that does not overlap with segment 1204 isdisplayed in a third color or pattern that is different from the colorof the portion that overlaps with segment 1204. In some embodiments, thefirst and third colors are the same. In FIG. 12A, segment 1204 is white,the portion of the numerals that overlaps with segment 1204 is black,and the portion of the numerals that do not overlap with segment 1204 iswhite (e.g., different than the portion of the numerals that overlapssegment 1204, but the same color as segment 1204).

In FIG. 12A, complication 1206 overlaps with segment 1204. Similar tothe numerals of indication of time 1202, the portion of complication1206 that overlaps with segment 1204 is displayed with a different coloror pattern than segment 1204. In embodiments in which segment 1204 onlypartially overlaps complication 1206, the portion of complication 1206that does not overlap segment 1204 is displayed with a color or patterndifferent from the color or pattern of the portion that overlaps segment1204.

FIG. 12B depicts clock face 1200 at a time (e.g., 10:30 am) differentfrom the time illustrated in FIG. 12A. Clock face 1200 still includesdigital indication of time 1202, segment 1204, and complication 1206.Compared to FIG. 12A, digital indication of time 1202 is updated toindicate the current time, and the position (e.g., angular position andangular extent) of segment 1204 is updated to reflect the differenttime. First edge 1204-1 is at a third position indicating the hour ofthe current time and second edge 1204-2 is at a fourth positionindicating the minute of the second time. As illustrated by FIGS.12A-12B, the visual appearance (e.g., color or pattern) of the numeralsin digital indication of time 1202 are varied as segment 1204 moves overtime. For example, in FIG. 12A, the numerals representing minutes indigital indication of time 1202 are completely white, whereas in FIG.12B, they are partially white and partially black.

In the embodiment illustrated in FIGS. 12A-12B, clock face 1200 includessecond segment 1208 that occupies the portion of clock face 1200 thatgoes clockwise from second edge 1204-2 to first edge 1204-1 (whereassegment 1204 occupies the portion of clock face 1200 that goes clockwisefrom first edge 1204-1 to second edge 1204-2). As time passes, portionsof segment 1204 become occupied by segment 1208, and vice versa. Forexample, in FIG. 12B, segment 1204 occupies the portion of clock face1200 counterclockwise from second edge 1204-2 of segment 1204 to thedashed line indicating the previous position of second edge 1204-2 inFIG. 12A.

FIG. 12C depicts clock face 1200 at a third time (e.g., 11:00 am)different from the times illustrated in FIGS. 12A and 12B. Clock face1200 still includes digital indication of time 1202, segment 1204, andcomplication 1206. To go from 10:30 am to 11:00 am, second edge 1204-2(the minute indicator) passes first edge 1204-1 (the hour indicator).When second edge 1204-2 passes first edge 1204-1, second segment 1208ceases to be displayed (when second edge 1204-2 and first edge 1204-1overlap) and then is re-displayed clockwise from first edge 1204-1 tosecond edge 1204-2. When second edge 1204-2 passes first edge 1204-1,segment 1204 is re-defined by the angular extent counterclockwise fromfirst edge 1204-1 to second edge 1204-2 (or, equivalently, clockwisefrom second edge 1204-2 to first edge 1204-1). Similarly, as timeprogresses from 11:00 am to 12:10, for example, and second edge 1204-2passes first edge 1204-1 again, first segment 1204 ceases to bedisplayed (when second edge 1204-2 and first edge 1204-1 overlap) andthen is re-displayed clockwise from first edge 1204-1 to second edge1204-2. At that point, segment 1204 is again defined by the angularextent clockwise from first edge 1204-1 to second edge 1204-2. In thisway, segment 1204 and segment 1208 alternate being removed andre-displayed each time second edge 1204-2 passes 1204-1.

FIG. 12C illustrates a portion of complication 1206 that does notoverlap segment 1204 is displayed with a color or pattern (e.g., while)different from the color or pattern (e.g., black) of a portion thatoverlaps segment 1204.

In FIG. 12C, device 600 detects input 1210 a (e.g., a contact ontouch-sensitive display 602 with a characteristic intensity greater thana threshold intensity or a duration longer than a threshold duration).In response to detecting input 1210 a, device 600 enters a clock faceedit mode and displays user interface 1212. In some embodiments, device600 enters the clock face edit mode in response to detecting a sequenceof one or more inputs, in accordance with the technique described abovewith reference to FIGS. 6C-6E.

User interface 1212 includes a representation of clock face 1200,element indicator 1214 indicating the element that is selected forediting, and paging dots 1216 a-1216 d corresponding to first throughfourth editing pages, respectively.

FIG. 12D illustrates the first editing page corresponding to paging dot1216 a, as indicated by paging dot 1216 a being displayed in white tovisually distinguish it from paging dots 1216 b-1216 d, which are shownin black. In the first editing page a user can rotate input mechanism604 to edit a color or pattern of the clock face (e.g., color or patternof segment 1204, segment 1208, and/or digital indication of time 1202).

In response to input 1210 b (e.g., a swipe), device 600 displays thesecond the second editing page as indicated by paging dot 1216 b in FIG.12E. In the second editing page, a user can select a style setting ofclock face, and in particular, whether the clock face includes clockhands or no clock hands. In response to input 1210 c (e.g., a rotationof input mechanism 604), device 600 changes the style and displays clockhands 1218 a and 1218 b.

In response to input 1210 d (e.g., a swipe), device 600 displays thethird editing page as indicated by paging dot 1216 c in FIG. 12F. In thethird editing page, a user can select a style setting of clock face, andin particular, whether the clock face is displayed in a full screenstyle or a circular style. In the full screen style, segment 1204extends to an edge of display 602 and complication 1206 is displayed inan upper left portion of display 602, as shown in FIGS. 12A-12F. Inresponse to input 1210 e (e.g., a rotation of input mechanism 604),device 600 changes the style from full screen to circular. FIG. 12Hillustrates an embodiment of clock face 1200 in a circular style. In thecircular style, segment 1204 extends to the edge of a circular regionand complication 1206 is displayed along a line running verticallythrough the center of the circular region and above the origin of thecircular region. The circular style also includes four cornercomplications 1220 a-1220 d. In some embodiments, a user can touch acomplication to select it for editing, and then rotate input mechanism604 to edit the complication.

In response to input 1210 f (e.g., a swipe), device 600 displays thefourth editing page as indicated by paging dot 1216 d in FIG. 12. In thethird editing page, a user can select a style setting of an indicationof time, and in particular, whether the indication of time is displayedin a digital style (e.g., FIG. 12) or an analog style (e.g., FIG. 12J).In response to input 1210 g (e.g., a rotation of input mechanism 604),device 600 changes indication of time 1202 from digital to analog, asshown in FIG. 12J. In response to input 1210 h (e.g., a press of inputmechanism 604), device 600 exits clock face edit mode and displays clockface 1222 indicating a current time (e.g., 11:00 am) and according tothe selected features, as shown in FIG. 12K. The features of clock face1222 are analogous to the features of clock face 1200 prior to editing.For example, the color or pattern of a portion of complication 1206depends on whether or not the portion overlaps with segment 1204.Similarly, the color or pattern of a portion of the numeral hour markersof indication of time 1202 depends on whether or not the portionoverlaps with segment 1204.

FIGS. 12L and 12M illustrate clock face styles, according to someembodiments. FIG. 12L illustrates a full screen, analog style. FIG. 12Millustrates a full screen, digital style (e.g., non-Hybrid, withoutsegment 1204).

FIG. 13 is a flow diagram illustrating a method for providing a clockface using an electronic device in accordance with some embodiments.Method 1300 is performed at a device (e.g., 100, 300, 500, 600) with adisplay device (e.g., 602). Some operations in method 1300 are,optionally, combined, the orders of some operations are, optionally,changed, and some operations are, optionally, omitted.

As described below, method 1300 provides an intuitive way for providinga clock face. The method reduces the cognitive burden on a user forproviding a clock face, thereby creating a more efficient human-machineinterface. For battery-operated computing devices, enabling a user tointerface with a clock face faster and more efficiently conserves powerand increases the time between battery charges.

The electronic device receives (1302) a request to display a clock face(e.g., 1200) (e.g., a wrist raise gesture, a request to switch fromviewing an application or notification screen to displaying the clockface).

In response (1304) to receiving the request to display the clock faceand in accordance (1306) with a determination that a current time is afirst time (e.g., 10:09), the electronic device displays, via thedisplay device, a clock face (e.g., 1200). The clock face at the firsttime includes a digital indication of time (e.g., 1202) (e.g., numerals)indicating the first time and a segment (e.g., 1204) (e.g., a visuallydistinguishable portion of the clock face). The segment includes a firstedge (e.g., 1204-1) at a first position (e.g., angular position) and asecond edge (e.g., 1204-2) at a second position (e.g., angular position;the edges are boundaries of the segment between the segment and anotherportion or segment of the clock face; the first edge extends radiallyfrom an origin (e.g., the center of a display of the electronic device)in a first direction and the second edge extending radially from theorigin in a second direction). In some embodiments, the edges arestraight lines that begin at the origin and extend to (e.g., stop at) aboundary of the display (e.g., 602) and/or the clock face (e.g., to theperimeter of a circular clock face that does not extend to the edge ofthe display) or equivalently, straight lines that begin at a boundary ofthe display and/or the clock face and extend to (e.g., stop at) theorigin). In some embodiments, the segment is a portion of a backgroundof the clock face (e.g., the digital indication of time is displayed infront of the background, including the segment if the segment overlapswith the digital indication of time). The first edge at the firstposition indicates a first unit of time (e.g., hour) of the first time(e.g., the position of the first edge, as defined by the origin and theangular orientation of the edge, indicates the hour of the first time)and the second edge at the second position indicates a second unit oftime (e.g., minute) of the first time (e.g., the position of the secondedge, as defined by the origin and the angular orientation of the edge,indicates the minute of the first time).

In response (1304) to receiving the request to display the clock faceand in accordance (1308) with a determination that a current time is asecond time (e.g., 10:30) different from the first time, the electronicdevice displays, via the display device, the clock face (e.g., 1200).The clock face at the second time includes the digital indication oftime (e.g., 1202) indicating the second time and the segment (e.g.,1204) including the first edge (e.g., 1204-1) and the second edge (e.g.,1204-2). The first edge is at a third position and the second edge is ata fourth position. The first edge at the third position indicates afirst unit of time (e.g., hour) of the second time (e.g., the positionof the first edge, as defined by the origin and the angular orientationof the edge, indicates the hour of the second time) and the second edgeat the fourth position indicates a second unit of time (e.g., minute) ofthe second time (e.g., the position of the second edge, as defined bythe origin and the angular orientation of the edge, indicates the minuteof the second time). Displaying a clock face with a digital indicationof time and a segment, where the positions of the edges of the segmentvary based on a determination of whether a current time is a first timeor a second time as described above provides improved visual feedback bypresenting a clear visual indication of the current time and providing adynamic user interface. Providing improved visual feedback enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, the segment (e.g., 1204) is a first segment and theclock face includes a second segment (e.g., 1208) (e.g., the firstsegment is clockwise from the first edge to the second edge; the secondsegment is clockwise from the second edge to the first edge). In someembodiments, in accordance with the determination that the current timeis the first time, the first segment occupies a first portion of theclock face and the second segment occupies a second portion of the clockface that does not include the first portion. In some embodiments, inaccordance with the determination that the current time is the secondtime, the second segment occupies at least part of the first portion ofthe clock face (e.g., one segment gets larger as the other getssmaller).

In some embodiments, in accordance with the determination that thecurrent time is the first time, the segment includes a first color. Insome embodiments, in accordance with the determination that the currenttime is the second time, the segment includes a second color differentfrom the first color (e.g., the segment changes color each hour; at thefirst time (e.g., 10:09 am), the segment has a first color (e.g., white)clockwise from the first edge (e.g., hour indicator) to the second edge(e.g., minute indicator); at the second time (e.g., 11:09 am), thesegment has a second color (e.g., black) clockwise from the first edge(e.g., hour indicator) to the second edge (e.g., minute indicator)).

In some embodiments, in accordance with the determination that thecurrent time is the first time (e.g., 10:09), a portion (e.g., minutedigits) of the digital indication of time includes a third color (e.g.,white), and in accordance with the determination that the current timeis the second time (e.g., 11:00), the portion (e.g., minute digits) ofthe digital indication of time includes a fourth color (e.g., black)different from the third color. Displaying a portion of the digitalindication of time in a third color in accordance with the determinationthat the current time is the first time and in a fourth color differentfrom the third color in accordance with the determination that thecurrent time is the second time provides improved visual feedback bypresenting a clear visual distinction between the segment and thedigital indication of time and providing a dynamic user interface.Providing improved visual feedback enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the clock face at the first time further includes acomplication (e.g., 1206) (e.g., a complication refers to any clock facefeature other than those used to indicate the hours and minutes of atime (e.g., clock hands or hour/minute indications). In someembodiments, complications provide different types of information to auser, such as data obtained from an application). In some embodiments,the information conveyed to a user by a complication is customizable. Insome embodiments, the segment overlaps the complication at the firsttime (e.g., completely overlaps), and in accordance with a determinationthat the segment overlaps the complication at the first time, thecomplication includes a fifth color. In some embodiments, the clock faceat the second time further includes the complication, the segment doesnot overlap the complication at the second time (e.g., the portions ofthe clock face occupied by the segment and the complication are mutuallyexclusive), and in accordance with a determination that the segment doesnot overlap the complication at the second time, the complicationincludes a sixth color different from the fifth color. In someembodiments, in accordance with a determination that the complicationpartially overlaps the segment (e.g., FIG. 12C), the non-overlappingportion of the complication is the sixth color and the overlappingportion is the fifth color.

In some embodiments, in response to receiving the request to display theclock face, the clock face is displayed without clock hands. In someembodiments, the electronic device detects a sequence of one or moreinputs (e.g., 1210 a-1210 h) (e.g., contacts on a touch-sensitivedisplay and/or activation (e.g., depression or rotation) of a rotatableinput mechanism) corresponding to a request to edit the first clock face(e.g., enter a face editing mode, select a style-selection interface,select a different style, and confirm selection of face). In response todetecting the sequence of one or more inputs corresponding to a requestto edit the first clock face (e.g., 1200), the electronic devicedisplays, via the display device, the clock face including one or moreclock hands (e.g., 1218 a, 1218 b) (e.g., the electronic device displaysthe clock face in accordance with the selected style; select style inediting mode). In some embodiments, the clock hands align with edges ofthe segment.

In some embodiments, in response to receiving the request to display theclock face, the segment extends to an edge of the display device (e.g.,FIG. 12A) (e.g., in full screen mode/style, the segment extends to anedge of the display). In some embodiments, the electronic device detectsa second sequence of one or more inputs (e.g., 1210 a-1210 h) (e.g.,contacts on a touch-sensitive display and/or activation (e.g.,depression or rotation) of a rotatable input mechanism) corresponding toa request to edit the first clock face (e.g., enter a clock face editingmode, select a style-selection interface, select a different style, andconfirm selection of clock face). In response to detecting the secondsequence of one or more inputs corresponding to a request to edit thefirst clock face, the electronic device displays, via the displaydevice, the clock face including the segment extending to (e.g., but notpast) a perimeter of a region (e.g., FIG. 12H) (e.g., a circular regionor a region with a different predefined shape that is less than all ofthe display of the device and optionally has a shape different than ashape of the display of the device) of the clock face (e.g., theelectronic device displays the segment in accordance with a selectedstyle). In some embodiments, in circular face style/mode, the segmentoccupies a portion of a circular region (e.g., FIG. 12K) that does notextend to the edge of the display. In some embodiments, the segmentextends to an edge of the circle (e.g., from center of circle). In someembodiments, the clock face has complications (e.g., 1220 a-1220 d)around the circular region.

In some embodiments, after displaying the clock face in response toreceiving the request to display the clock face, the electronic devicedetects a third sequence of one or more inputs (e.g., 1210 a-1210 h)(e.g., contacts on a touch-sensitive display and/or activation (e.g.,depression or rotation) of a rotatable input mechanism) corresponding toa request to edit the first clock face (e.g., enter a face editing mode,select a style-selection interface, select a different style, andconfirm selection of face). In response to detecting the third sequenceof one or more inputs corresponding to a request to edit the first clockface, the electronic device displays, via the display device, the clockface without the segment (e.g., FIG. 12L, 12M).

Note that details of the processes described above with respect tomethod 1300 (e.g., FIG. 13 are also applicable in an analogous manner tothe methods described below/above. For example, methods 700, 900, 1100,1500, 1700, and 1900 optionally include one or more of thecharacteristics of the various methods described above with reference tomethod 1300. For example, operations 1306 and 1308 can be applied to aclock face in methods 700 and 900 and/or the indication of time inmethod 1500. For brevity, these details are not repeated below.

FIGS. 14A-14H illustrate exemplary user interfaces for clock faces, inaccordance with some embodiments. The user interfaces in these figuresare used to illustrate the processes described below, including theprocesses in FIG. 15.

FIG. 14A depicts electronic device 600 displaying clock face 1400 ondisplay 602. Clock face 1400 has a respective layout that includesindication of time 1402 and complications 1404 a-1404 c. Indication oftime 1402 is presented according to a first format at a first location1406 a in the respective layout. Complications 1404 a-1404 c are at asecond location 1406 b, third location 1406 c, and fourth location 1406d, respectively, in the respective layout of clock face 1400.

In FIG. 14A, indication of time 1402 occupies a circular region on clockface 1400 and is presented according to a first format that includes adigital indication of time, including a numerical representation of anhour 1402-1 a and a numerical representation of a minute 1402-1 b, and acircular dial 1402-2 with elements representing seconds. A currentsecond indicated in the circular dial by highlighting a correspondingone of the elements of the dial. Complication 1404 a corresponds to(e.g., displays data from) a weather application, complication 1404 bcorresponds to an activity application, and complication 1404 ccorresponds to a stock application. Complications 1404 a and 1404 boccupy circular regions on clock face 1400, and complication 1404 coccupies a rectangular region on clock face 1400. Complication 1404 c iswider than indication of time 1402. In some embodiments, complication1404 c occupies a larger region (e.g., larger area) on clock face 1400than indication of time 1402. In some embodiments, clock face 1400includes only one complication (e.g., one circular complication or onerectangular complication), only two complications (e.g., one circularcomplication and one rectangular complication), or more than threecomplications.

Clock face 1400 includes notification 1408. According to the format ofclock face 1400, notification 1408 is located near the top of clock face1400 and offset horizontally from the middle of clock face 1400 (e.g.,notification 1408 is not centered horizontally on clock face 1400). InFIG. 14A, notification 1408 is positioned to the left of a line passingvertically through the center of clock face 1400. Notification 1408 islocated between indication of time 1402 and complication 1404 a. Thehorizontally offset location of notification 1408 is in contrast to thehorizontally centered location of notification 614 in FIG. 6B.

In FIG. 14A, device 600 detects input 1410 a (e.g., a contact ontouch-sensitive display 602 with a characteristic intensity greater thana threshold intensity or a duration longer than a threshold duration).In response to detecting input 1410 a, device 600 enters a clock faceedit mode and displays user interface 1412 depicted in FIG. 14B. In someembodiments, device 600 enters the clock face edit mode in response todetecting a sequence of one or more inputs, in accordance with thetechnique described above with reference to FIGS. 6C-6E.

User interface 1412 includes a representation of clock face 1400,element indicator 1414 indicating the element that is selected forediting, and paging dots 1416 a-1416 c corresponding to first throughthird editing pages, respectively.

FIG. 14B illustrates the first editing page corresponding to paging dot1416 a, as indicated by paging dot 1416 a being displayed in white tovisually distinguish it from paging dots 1416 b-1416 c, which are shownin black. In the first editing page a user can tap an element (e.g.,representation 1413 of indication of time 1202 and representations 1415a-1415 c of complications 1404 a-1404 c) to select an element forediting, and then rotate input mechanism 604 to edit the selectedelement.

In FIG. 14B, indication of time 1402 is selected for editing asindicated by element indicator 1414. In response to detecting input 1410b (e.g., a rotation of input mechanism 604), device 600 changesindication of time 1402, as indicated by representation 1418 of theindication of time in FIG. 14C. Representation 1418 of the indication oftime has a different format than indication of time 1402. The format ofrepresentation 1418 of the indication of time includes an analogindication of time (e.g., without a digital indication of time). Device600 maintains the layout of clock face 1400 when the format of theindication of time is edited. For example, the indication of timeremains at location 1406 a (e.g., representation 1418 of the indicationof time is at the same location on clock face 1400 as indication of time1402), representations 1415 a-1415 c of complications 1404 a-1404 cremain at locations 1406 b-1406 d (respectively), and complications 1404a-1404 c remain associated with the weather, activity, and stockapplications (respectively).

In response to detecting input 1410 c (e.g., a swipe), device 600switches to the second editing page as indicated by paging dot 1416 b inFIG. 14D. In the second editing page, a user can edit a color scheme ofclock face 1400. In response to detecting input 1410 d (e.g., a rotationof input mechanism 604), device 600 changes the color scheme from fullcolor to monochrome as depicted in FIG. 14E. In some embodiments,according to the monochrome color scheme, a majority of graphicalelements of the clock face are displayed in black or white, and theremaining element are displayed in an emphasis color (e.g., a singlecolor other than black, white, or a shade between black and white). Insome embodiments, the color is used to emphasize particular elements(e.g., the digits and/or emphasized seconds element of a digitalindication of time, the hands of an analog indication of time). In FIG.14E, according to the monochrome color scheme, clock hands 1418 a and1418 b and trend line 1420 in complication 1404 c are displayed in theemphasis color.

In response to detecting input 1410 e (e.g., a swipe), device 600switches to the third editing page as indicated by paging dot 1416 c inFIG. 14F. In the third editing page, a user can edit a color setting ofclock face 1400. For the monochrome color scheme, the third editing pageallows a user to select an emphasis color. In response to detectinginput 1410 f (e.g., a rotation of input mechanism 604), device 600changes the emphasis color from red to blue as depicted in FIG. 14G byillustrating clock hands 1418 a and 1418 b and trend line 1420 in brokenlines.

In response to detecting input 1410 g (e.g., a press of input mechanism604), device 600 exits the clock face edit mode and displays clock face1422, as edited, in FIG. 14H. Clock face 1422 maintains the layout ofclock face 1400 when the format of the indication of time is edited.Indication of time 1424 (corresponding to representation 1418) isdisplayed at location 1406 a, complications 1404 a-1404 c remain atlocations 1406 b-1406 d (respectively), and complications 1404 a-1404 cremain associated with the weather, activity, and stock applications(respectively).

FIG. 15 is a flow diagram illustrating a method for providing a clockface using an electronic device in accordance with some embodiments.Method 1500 is performed at an electronic device (e.g., 100, 300, 500,600) with a display device (e.g., 602). Some operations in method 1500are, optionally, combined, the orders of some operations are,optionally, changed, and some operations are, optionally, omitted.

As described below, method 1500 provides an intuitive way for providinga clock face. The method reduces the cognitive burden on a user forinteracting with an electronic device, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to interact with the device faster and more efficientlyconserves power and increases the time between battery charges.

The electronic device displays (1502), via the display device, a firstclock face (e.g., 1400 in FIG. 14A). The first clock face has arespective layout including a first indication of time (e.g., 1402)presented according to a first format (e.g., an analog clock face or adigital indication of time) at a first location (e.g., 1406 a) in therespective layout, and a first complication (e.g., 1404 a, 1404 b, 1404c) at a second location (e.g., 1406 b, 1406 c, 1406 d) in the respectivelayout (e.g., a complication refers to any clock face feature other thanthose used to indicate the hours and minutes of a time (e.g., clockhands or hour/minute indications)). In some embodiments, complicationsprovide different types of information to a user, such as data obtainedfrom an application. In some embodiments, the information conveyed to auser by a complication is customizable.

The electronic device detects (1504) a sequence of one or more inputs(e.g., 1410 a-1410 g) (e.g., contacts on a touch-sensitive displayand/or activation (e.g., depression or rotation) of a rotatable inputmechanism) corresponding to a request to edit the first clock face(e.g., enter a face editing mode, select a face element-selectioninterface, select the indication of time, select a different indicationof time, and confirm selection of face).

In response (1506) to detecting the sequence of one or more inputscorresponding to a request to edit the first clock face, the electronicdevice displays, via the display device, a second clock face (e.g.,1422). The second clock face has the respective layout including asecond indication of time (e.g., 1424) presented according to a secondformat different from the first format (e.g., change the indication oftime from analog to digital or from digital to analog) at the firstlocation (e.g., 1406 a) in the respective layout, and the firstcomplication (e.g., 1404 a) at the second location (e.g., 1406 b) in therespective layout. Displaying the second clock face with the respectivelayout including (1) a second indication of time presented according toa second format different from the first format at the first location inthe respective layout and (2) the first complication at the secondlocation in the respective layout in response to detecting a sequence ofone or more inputs corresponding to a request to edit the first clockface provides improved visual feedback and allows a user to customize aclock face by selecting a particular format for the indication of timeon the clock face without affecting other elements of the clock face,such as the first complication. Performing an operation when aparticular condition has been met, without requiring further user input,and providing improved visual feedback without cluttering the userinterface enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the first clock face (e.g., 1400) includes a secondcomplication (e.g., 1404 b) at a third location (e.g., 1406 c) in therespective layout. In some embodiments, the second complication isconcurrently displayed with the first complication on the first clockface, and the second clock face includes the second complication at thethird location in the respective layout. In some embodiments, the secondcomplication is concurrently displayed with the first complication onthe second clock face.

In some embodiments, in response to detecting the sequence of one ormore inputs corresponding to a request to edit the first clock face andbefore displaying the second clock face, the electronic device displays,via the display device, a clock face editing interface (e.g., 1412)including concurrently displaying a representation (e.g., 1415 a-1415 c)of the first complication and a representation (1415 a-1415 c) of thesecond complication (e.g., FIG. 14B). Displaying a clock face editinginterface including concurrently displaying a representation of thefirst complication and a representation of the second complicationprovides improved feedback and allows a user to customize a clock faceby selecting a particular format for the indication of time on the clockface while maintaining context of other elements of the clock face(e.g., the first and second complications). Providing improved feedbackenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, the first complication (e.g., 1404 c) occupies arectangular region (e.g., 1406 d) at the first location in therespective layout and the second complication (e.g., 1404 b) occupies acircular region (e.g., 1406 c) at the second location in the respectivelayout.

In some embodiments, the first format of the first indication of timeincludes a digital indication of time (e.g., 1402-1) that includes anumerical representation of an hour (e.g., 1402-1 a), a numeralrepresentation of a minute (e.g., 1402-1 b), and a plurality of elements(e.g., 1402-2) arranged around the numerical representations of the hourand minute. In some embodiments, the plurality of elements (e.g.,1402-2) represent seconds and indicate a current second (e.g., bychanging appearance).

In some embodiments, the electronic device receives first datarepresenting a first alert. In response to receiving the datarepresenting the alert, the electronic device displays a notification(e.g., 1408) (e.g., a dot) at a first location on the display device. Insome embodiments, the electronic device detects a sequence of one ormore inputs (e.g., 610 a) (e.g., contacts on a touch-sensitive displayand/or activation (e.g., depression or rotation) of a rotatable inputmechanism) corresponding to a request to select a clock face with asecond layout different from the respective layout (e.g., enter a clockface selection mode, select a clock face different face, and confirmselection of the face). In response to detecting the sequence of one ormore inputs corresponding to a request to select a clock face with asecond layout different from the respective layout, the electronicdevice displays, via the display device, a third clock face (e.g., 606)that has the second layout. In some embodiments, while displaying thethird clock face (e.g., 606) that has the second layout, the electronicdevice receives second data representing a second alert. In response toreceiving the second data representing the second alert, the electronicdevice displays a second notification (e.g., 614) (e.g., a dot) at asecond location on the display device different from the first locationon the display device. Displaying a notification at different locationson a display for clock face with different element layouts providesimproved feedback by allowing the notification to be displayed whilebeing able to maintain the layout of the clock face. The notificationcan be moved based on the layout of the clock face instead of, e.g.,modifying the layout, displaying the notification at a location thatobscures another element of the clock face, or refraining fromdisplaying the notification. Providing improved feedback enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, the first complication occupies a first region(e.g., 1406 d) that has a first display size and the first indication oftime occupies a second region (e.g., 1406 a) that has a second displaysize smaller than the first display size.

In some embodiments, the second clock face is displayed according to afirst (e.g., multicolor) color scheme. In some embodiments, theelectronic device detects a sequence of one or more inputs (e.g., 1410a-1410 g) (e.g., contacts on a touch-sensitive display and/or activation(e.g., depression or rotation) of a rotatable input mechanism)corresponding to a request to edit a color scheme of a clock face (e.g.,enter a clock face editing mode, select a color scheme, and confirmselection of the face). In response to detecting the sequence of one ormore inputs corresponding to a request to edit a color scheme of a clockface, the electronic device displays, via the display device, a fourthclock face (e.g., 1422) according to a second color scheme (e.g.,monochrome). In some embodiments, the fourth clock face includes aplurality of elements consisting of a first set of elements (e.g., 1404a-1404 c) and a second set of elements (e.g., 1424 a, 1424 b, 1420). Insome embodiments, the first set of elements include a majority of theplurality of elements. In some embodiments, the first set of elementsare displayed in two or more shades selected from a range of colors froma first color to a second color (e.g., a range of greyscale colors fromblack to white) and the second set of elements are displayed in anaccent color that is outside of the range of colors.

In some embodiments, the second set of elements (e.g., 1424 a, 1424 b,1420) are included in the indication of time (e.g., 1424) or representdata from an application (e.g., the stock application corresponding to1404 c).

Note that details of the processes described above with respect tomethod 1500 (e.g., FIG. 15 are also applicable in an analogous manner tothe methods described below/above. For example, methods 700, 900, 1100,1300, 1700, and 1900 optionally include one or more of thecharacteristics of the various methods described above with reference tomethod 1500. For example, operations 1502, 1504, and 1506 can be appliedto change a format of the indication of time in methods 700, 900, 1300,and 1700. For brevity, these details are not repeated below.

FIGS. 16A-16J illustrate exemplary user interfaces for displaying solarinformation on a clock face, in accordance with some embodiments. Theuser interfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIG. 17.

FIG. 16A depicts electronic device 600 displaying clock face 1600 ondisplay 602. In some embodiments, device 600 displays clock face 1600 inresponse to receiving a request to display a clock face (e.g., a wristraise gesture, a request to switch from viewing an application ornotification screen to displaying the clock face). Clock face 1600includes analog dial 1602, representing a twenty-four hour time period,and inset time indication 1604. In FIG. 16A, analog dial 1602 includes acircular dial with hour markers evenly spaced angularly around theperimeter of the circle, representing 24 hours. Analog dial 1602 isoriented with the zero hour (midnight) at the bottom of the dial and thetwelfth hour (noon) at the top of the dial. In FIG. 16A, inset timeindication 1604 includes an analog clock face with an hour hand and aminute hand indicating a current time (2:00 pm). At 2:00 pm, inset timeindication 1604 is displayed at a first position on clock face 1600inside analog dial 1602. As time progresses, inset time indication 1604moves along a circular path within analog dial 1602. In someembodiments, inset time indication 1604 is translucent.

Clock face 1600 includes a representation 1606 indicating a position ofthe Sun (e.g., relative to a location on Earth (e.g., corresponding tothe current location of device 600)) at the displayed time. The positionof representation 1606 with respect to analog dial 1602 indicates thesame time indicated by inset time indication 1604 (e.g., the currenttime). As time progresses, representation 1606 moves around a circularpath 1607 that has a common origin with the circular path around whichinset time indication 1604 moves. As illustrated in FIG. 16A, inset timeindication 1604 and representation 1606 are separated by 180 degreesaround the common origin of their paths.

Clock face 1600 includes a segment 1614 with a first edge 1614 aindicating a sunrise time on analog dial 1602 and a second edge 1614 bindicating a sunset time on analog dial 1602. The angular extent ofsegment 1614 clockwise from first edge 1614 a to second edge 1641 brepresents the length of the day from sunrise to sunset.

Clock face 1600 also includes points of interest 1608 a-1608 e atdesignated times on path 1607 along which representation 1606 moves.Points of interest 1608 a-1608 e indicate events (e.g., astronomicalsolar events, such as dawn 1608 a, sunrise 1608 b, solar noon 1608 c,sunset 1608 d, and dusk 1608 e) throughout the day. The position of apoint of interest relative to analog dial 1602 indicates the time of thecorresponding event.

At a later time 8:00 pm, after sunset and before sunrise, device 600receives a second request to display the clock face (e.g., a wrist raisegesture, a request to switch from viewing an application or notificationscreen to displaying the clock face). In response to receiving thesecond request to display the clock face, device 600 displays clock face1600 indicating the second time, as shown in FIG. 16B. In FIG. 16B,clock face 1600 includes analog dial 1602 and inset time indication 1604at a second position on clock face 1600 inside analog dial 1602different from the first position. Inset time indication 1604 indicatesthe second time. As shown by FIGS. 16A-16B, the representationindicating the position of the Sun (representation 1606 in FIG. 16A andrepresentation 1612 in FIG. 16B (described below)) and inset timeindication 1604 move in unison clockwise on clock face 1600 such thatthe representation indicating the position of the Sun indicates thecurrent time relative to analog dial 1602 and remains separated frominset time indication 1604 by 180 degrees.

In some embodiments, the visual characteristics of the representationindicating the position of the Sun change over time. For example,between sunset and sunrise, the representation indicating the positionof the Sun is displayed with an appearance that more closely representsthe Moon than the Sun (e.g., representation 1606 is displayed withoutrays) or, as illustrated in FIG. 16B, is replaced by a differentrepresentation 1612. Representation 1606 and/or 1612 can be tinted redaround sunrise and sunset, and be displayed more brightly and/or nearlywhite at solar noon to correspond to the actual physical appearance ofthe Sun at those time. Clock face 1600 also includes complications 1605a-1605 d. In some embodiments, the color of complications 1605 a-1605 dis determined based on the time of day. In some embodiments, clock face1600 includes a background and the time of day determines the color ofthe background. For example, analog dial 1602 includes a background thatis darker at 8:00 pm after sunset (FIG. 16B) than at 2:00 pm (FIG. 16A).In some embodiments, the background includes a gradient that has agradual transition from a first color to a second color and that variesalong a direction parallel to a line from the center of analog dial 1602to a position corresponding to solar noon on analog dial 1602 (e.g.,FIG. 16K). In some embodiments, the primary color of the gradientchanges with time of day.

FIG. 16C illustrates clock face 1600 at a third time (e.g., 7:00 am) atsunrise. In FIG. 16C, representation 1606 is changed back to anappearance that resembles the sun and analog dial 1602 is displayed witha lighter color compared to FIG. 16B.

Turning to FIG. 16D, clock face 1600 is again displayed at a currenttime of 2:00 pm. In FIG. 16D, device 600 detects input 1610 a (e.g., acontact on touch-sensitive display 602 with a characteristic intensitygreater than a threshold intensity or a duration longer than a thresholdduration). In response to detecting input 1610 a, device 600 enters aclock face edit mode and displays user interface 1616. In someembodiments, device 600 enters the clock face edit mode in response todetecting a sequence of one or more inputs, in accordance with thetechnique described above with reference to FIGS. 6C-6E.

User interface 1616 includes a representation of clock face 1600 andelement indicator 1618 indicating the element that is selected forediting. In FIG. 16E, element indicator 1618 indicates that inset timeindication 1604 is selected for editing. In response to detecting input1601 b (e.g., rotation of input mechanism 604), device 600 changes insettime indication 1604 from analog to digital, as shown in FIG. 16F. Inresponse to detecting input 1610 c (e.g., a press of input mechanism604), device 600 exits the clock face edit mode and displays clock face1600 with digital inset time indication 604, as shown in FIG. 16G.

In FIG. 16G, device 600 detects input 1610 d (e.g., a tap on display602). In some embodiments, input 1610 d includes a rotation of inputmechanism 604. In response to detecting input 1610 d, device 600displays user interface 1620 shown in FIG. 16H, which includesinformation about the current day. User interface 1620 includes title1622, which indicates that user interface 1620 is an information screen,and day length indicator 1624, which displays the length of the currentday from sunrise to sunset.

In the embodiment illustrated in FIG. 16H, device 600 enters atime-scrolling mode in response to detecting input 1610 d. While in thetime-scrolling mode, a user can provide input (e.g., rotate inputmechanism 604) to scroll the clock face to a non-current time. Thisallows a user to view information for points of interest (e.g., theexact time of solar noon). In response to detecting input 1610 e (e.g.,rotation of input mechanism 604), device 600 displays an indication of anon-current time. As shown in FIG. 16, inset time indication 1604 andrepresentation 1606 are displayed at respective positions correspondingto non-current time 12:50 pm (which is indicated by the digitalindication of time displayed in inset time indication 1604). In thisway, if inset time indication 1604 is, for example, obstructing a pointof interest at the current time, a user can scroll the clock face tomove inset time indication and view the point of interest.

User interface 1620 also includes current time indicator 1628 (whichindicates the current time), offset indicator 1630 (which indicates theoffset between the non-current time and the current time (e.g., −1:10)),and wedge 1632 (which visually illustrates the offset on analog dial1602 between the current time and the non-current time).

In FIG. 16I, the non-current time corresponds to a point of interest.User interface 1620 includes point-of-interest indicator 1626 (whichindicates that the point of interest is Solar Noon) and provides tactileoutput 1634 (which indicates that a designated time has been reached).In some embodiments, device 600 provides tactile output in response toscrolling from the current time to the point of interest, but at alesser magnitude. For example, as a user begins to scroll, device 600provides tactile output at a relatively small magnitude, and then whenthe non-current time reaches a point of interest, device 600 provides atactile output with a larger magnitude to indicate to the user that apoint of interest has been reached. If the user scrolls past the pointof interest, in some embodiments, device 600 resumes the relativelysmall tactile output until reaching another point of interest. Forexample, in FIG. 16, device 600 detects input 1610 f (e.g., furtherrotation of input mechanism 604). In response to detecting input 1610 f,device 600 scrolls from non-current time 12:50 pm to another non-currenttime 7:00 am, corresponding to sunrise, as shown in FIG. 16J. Whilescrolling from 12:50 pm to 7:00 am, device 600 provides tactile outputat a relatively small magnitude. Upon reaching 7:00 am (the point ofinterest “Sunrise”), device 600 provides tactile output with a largermagnitude.

Turning to FIG. 16K, clock face 1600 can adjust the size and position ofsegment 1614 based on the time of year and a geographic location onEarth. FIG. 16K illustrates clock face 1600 for Nome, Ak. duringsummertime. The edges of segment 1614 indicate that sunrise is about6:30 am and sunset is about 11:25 pm. The angular extent of segment 1614indicates that the length of the day is about 17 hours. Segment 1614 isrotated clockwise relative to 12 noon to indicate that solar noon isafter 12 noon at about 3:00 pm.

FIG. 17 is a flow diagram illustrating a method for providing a clockface using an electronic device in accordance with some embodiments.Method 1700 is performed at an electronic device (e.g., 100, 300, 500,600) with a display device (e.g., 602). Some operations in method 1700are, optionally, combined, the orders of some operations are,optionally, changed, and some operations are, optionally, omitted.

As described below, method 1700 provides an intuitive way for providinga clock face. The method reduces the cognitive burden on a user forinteracting with an electronic device, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to interact with the device faster and more efficientlyconserves power and increases the time between battery charges.

The electronic device receives (1702) a first request to display a clockface (e.g., 1600) (e.g., a wrist raise gesture, a request to switch fromviewing an application or notification screen to displaying the clockface).

In response (1704) to receiving the first request to display the clockface, the electronic device displays, via the display device, a clockface (e.g., 1600) with an indication of a first time (e.g., a currenttime). The clock face at the first time includes an analog dial (e.g.,1602) representing a twenty-four hour time period (e.g., a circular dialwith hour markers evenly spaced angularly around the perimeter of thecircle, representing 24 hours (as opposed to 12 hours). In someembodiments, the analog dial is oriented with the zero hour (midnight)at the bottom of the dial and the twelfth hour (noon) at the top of thedial. In some embodiments, the analog dial is contained within a firstarea of the watch face representing a first clock face. The clock faceat the first time further includes an inset time indication (e.g., 1604)(e.g., an analog clock face with an hour hand and, optionally, a minutehand and/or a second hand indicating time) at a first position on theclock face inside the analog dial (e.g., the inset time indication iscompletely contained within an outer perimeter of the analog dial). Theinset time indication indicates the first time. In some embodiments, theinset time indication includes a digital indication of time (e.g., FIG.16G). In some embodiments, the inset time indication is circular. Insome embodiments, the first position of the inset time indication insidethe analog dial is based on the first time. In some embodiments in whichthe twenty-four hour analog dial is included in a first clock face, theinset time indication is a smaller, second clock face overlaid on top/infront of the first clock face. In some embodiments, the inset timeindication has a diameter that is substantially less than a diameter ofthe analog dial.

The electronic device receives (1706) a second request to display theclock face (e.g., 1600) (e.g., a wrist raise gesture, a request toswitch from viewing an application or notification screen to displayingthe clock face)

In response (1708) to receiving the second request to display the clockface, the electronic device displays, via the display device, the clockface with an indication of a second time that is different from thefirst time. The clock face at the second time includes the analog dialrepresenting a twenty-four hour time period and the inset timeindication at a second position on the clock face inside the analog dialdifferent from the first position on the clock face inside the analogdial. The inset time indication indicates the second time (e.g., theinset time indication moves along a circular path, where the distancebetween a first position on the path and a second position on the pathis directly proportional to the amount of time between the first timeand the second time). In some embodiments, the inset time indicationmoves continuously at a constant rate. In some embodiments, the insettime indication moves to discrete positions at discrete times. In someembodiments, the inset time indication makes half of a revolution arounda circular path in twelve hours and a complete revolution around acircular path in twenty-hour hours. In some embodiments, the angularorientation of the inset time indication relative to the clock face(e.g., 1600) and/or analog dial (e.g., 1602) remains constant (e.g., theinset time indication remains upright with 12 o'clock in the vertical updirection). Displaying the clock face at the second time with the analogdial representing a twenty-four hour time period and the inset timeindication at a second position on the clock face inside the analog dialdifferent from the first position on the clock face inside the analogdial, where the inset time indication indicates the second time, allowsthe inset time indication to display the current time while moving to aposition inside the analog dial that does not interfere with othergraphical elements within the analog dial (e.g., representation 1606 ofthe Sun) whose position(s) relative to the analog dial provideinformation (e.g., current time and/or position of the Sun). Thisprovides improved visual feedback without cluttering the user interface.Providing improved visual feedback without cluttering the user interfaceenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, the second position of the inset time indicationrelative to the first position of the inset time indication is based onan amount of time between the second time and the first time.

In some embodiments, the first position of the inset time indication isselected based on the first time (e.g., opposite to an hour hand in the24 hour analog dial) and the second position of the inset timeindication is selected based on the second time (e.g., opposite to thehour hand in the 24 hour analog dial).

In some embodiments, the inset time indication is offset from a centerof the analog dial representing a twenty-four hour time period (e.g.,the inset time indication moves along a circular path with a commonorigin as the analog dial and inside the analog dial).

In some embodiments, the clock face at the first time further includes arepresentation (e.g., 1606, 1612) indicating a position of the Sun(e.g., relative to a location on Earth) at the first time. In someembodiments, the representation (e.g., 1606, 1612) is at a thirdposition on the clock face inside the analog dial at the first time. Insome embodiments, the clock face at the second time further includes therepresentation indicating a position of the Sun at the second time. Insome embodiments, the representation is at a fourth position on theclock face inside the analog dial at the second time different from thethird position on the clock face inside the analog dial (e.g., therepresentation of the Sun moves around a circular path). In someembodiments, the angular separation between the representation of theSun and the inset time indication remains constant (e.g., 180 degreesapart).

In some embodiments, the third position on the clock face relative tothe analog dial indicates the first time, and the fourth position on theclock face relative to the analog dial indicates the second time.

In some embodiments, the inset time indication moves from the firstposition on the clock face to the second position on the clock facearound an origin and along a first circular path. In some embodiments,the representation indicating the position of the Sun moves from thethird position on the clock face to the fourth position on the clockface around the origin (and along a second circular path (e.g., 1607).In some embodiments, an angular separation relative to the originbetween the inset time indication and the representation indicating theposition of the Sun remains constant over time (e.g., 180 degrees; theinset time indication is offset 12 hours on the 24 hour dial from therepresentation of the Sun/moon; the angular separation relative to theorigin between the first position and the third position is the same asan angular separation relative to the origin between the second positionand the fourth position).

In some embodiments, the representation indicating the position of theSun is displayed in a first color at the first time and a second colordifferent from the first color at the second time. In some embodiments,the color of the representation of the position of the Sun is based onthe time of day (e.g., the representation is nearly white at solar noonand tinted red near sunset).

In some embodiments, in accordance with a current time corresponding toa time between sunrise and sunset, the electronic device displays afirst element representing the Sun (e.g., 1606). In some embodiments, inaccordance with a current time corresponding to a time between sunsetand sunrise, the electronic device displays a second elementrepresenting the Moon (e.g., 1612).

In some embodiments, the clock face includes a segment (e.g., 1614)(e.g., a circular sector) with a first edge indicating a sunrise time(e.g., 1614 a) on the analog dial (e.g., the position of the first edgerelative to the analog dial is selected based on the sunrise time) and asecond edge (e.g., 1614 b) indicating a sunset time on the analog dial(e.g., the position of the second edge relative to the analog dial isselected based on the sunset time. In some embodiments, the segmentoccupies an angular extent clockwise from the first edge to the secondedge. In some embodiments, the angular extent clockwise from the firstedge to the second edge is a first color (representing the time fromsunrise to sunset), and the angular extent counterclockwise from thefirst edge to the second edge is a second color (representing the timefrom sunset to sunrise the next day). Displaying a clock face with asegment, where the positions of the edges of the segment indicatesunrise and sunset time as described above provides improved visualfeedback by presenting a clear visual indication of the sunrise andsunset times. Providing improved visual feedback enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, the position and size of the segment is selectedbased on a time of year and a geographic location associated with theelectronic device (e.g., a location on Earth) (e.g., wedgenarrows/widens based on the time of year and the location on Earth;wedge rotates based on location (e.g., sunrise/sunset rotate clockwiseas you move west within a time zone)).

In some embodiments, the electronic device includes a rotatable inputmechanism (e.g., 604) that rotates relative to a frame of the electronicdevice. In some embodiments, the electronic device detects a rotation(e.g., 1610 e, 1610 f) of the rotatable input mechanism and in responseto detecting the rotation of the rotatable input mechanism, theelectronic device moves the inset time indication to a third position onthe clock face inside the analog dial. In some embodiments, the insettime indication indicates a third time different from a current time(e.g., the configuration/state of the elements of the clock facecorrespond to the third time). Moving the inset time indication inresponse to input provides improved visual feedback by allowing, forexample, the inset time indication to be moved to a position that doesnot obscure other graphical elements inside the analog dial (e.g.,graphical elements representing designated time). Providing improvedvisual feedback enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, in response to detecting the rotation of therotatable input mechanism, the electronic device displays an indication(e.g., 1630, 1632) of an offset between the third time and current time.In some embodiments, the offset is indicated by a position of theindication relative to the analog dial (e.g., a line from the center ofthe analog dial to the current time as represented on the analog dial).In some embodiments, the indication includes text (e.g., “NOW 2:00OFFSET −1:10”).

In some embodiments, in response to detecting the rotation of therotatable input mechanism, the electronic device displays an indication(e.g., 1624) of a length of a day (e.g., the amount of time from sunriseto sunset).

In some embodiments, in response to detecting the rotation of therotatable input mechanism and in accordance with a determination thatthe third time corresponds to a designated time (e.g., Solar Noon), theelectronic device displays an indication (e.g., 1626) of an eventcorresponding to the designated time (e.g., an information point, suchas solar noon, sunset). In some embodiments, the clock face includes arepresentation (e.g., 1608 a-1608 e) (e.g., a dot) of an event (e.g., adesignated time; a point of interest; solar noon, sunset, sunrise, dawn,dusk, civil twilight, nautical twilight, astronomical twilight). In someembodiments, the representation of the event is at a position on theclock face (e.g., on the path of the representation of the position ofthe Sun), where the position of the representation is relative to theanalog dial and indicates a time of the event.

In some embodiments, in response to detecting the rotation of therotatable input mechanism and in accordance with a determination thatthe third time corresponds to a designated time, the electronic deviceprovides a tactile output (e.g., 1634). In some embodiments, providingthe tactile output in accordance with a determination that the thirdtime corresponds to a designated time includes providing the tactileoutput with a first magnitude. In some embodiments, in response todetecting the rotation of the rotatable input mechanism and inaccordance with a determination that the third time does not correspondto a designated time, the electronic device provides the tactile outputwith a second magnitude less than the first magnitude. Providing atactile output in response to detecting the rotation of the rotatableinput mechanism and in accordance with a determination that the thirdtime corresponds to a designated time provides improved feedback byindicating that a navigated-to time is a point of interest. Providingimproved feedback enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the electronic device detects further rotation ofthe rotatable input mechanism. In response to detecting the furtherrotation of the rotatable input mechanism, the electronic deviceprovides a second tactile output (e.g., the electronic device providesrepeated tactile outputs as the rotatable input mechanism is rotated;the tactile outputs are repeated at the second (smaller) magnitudebetween designated times; at each designated time, a tactile output isprovided with the first (larger) magnitude). In some embodiments, thetactile output is based on a speed or amount of rotation of therotatable input mechanism (e.g., instead of the content of the clockface, such as the location of a designated time or point of interest).In some embodiments, the tactile output is based on a speed of rotationof the rotatable input mechanism (e.g., tactile outputs are provided ata greater rate or magnitude the faster the rotatable input mechanism isrotated). In some embodiments, the tactile output is based on an amountof rotation of the rotatable input mechanism (e.g., the tactile outputis provided at a greater rate or magnitude the more the rotatable inputmechanism is rotated).

In some embodiments, the clock face includes a first graphical element(e.g., 1605 a, 1605 b, 1605 c, 1605 d, 1602, 1604) (e.g., a complicationor a tick on the analog dial). In some embodiments, a color of the firstgraphical element is selected based on a time of day (e.g., the currenttime, a non-current navigated-to time). In some embodiments, the time ofday determines the color of a background of the clock face. In someembodiments, the background includes a gradient (e.g., the primary colorof the gradient changes with time of day). Displaying an element of aclock face with a color, where the color varies based on the time ofday, provides improved visual feedback by presenting a visual indicationof the current time other than a digital or analog representation andproviding a dynamic user interface. Providing improved visual feedbackenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, the inset time indication includes an indication oftime. In some embodiments, the indication of time is displayed accordingto a first style (e.g., analog) at the second time. In some embodiments,after displaying the clock face at the second time, the electronicdevice detects a sequence of one or more inputs (e.g., 1610 a-1610 c)(e.g., contacts on a touch-sensitive display and/or activation (e.g.,depression or rotation) of a rotatable input mechanism) corresponding toa request to edit a style of the indication of time of the inset timeindication (e.g., enter a clock face editing mode, select a time style,and confirm selection of the clock face). In response to detecting thesequence of one or more inputs corresponding to a request to edit astyle of the indication of time of the inset time indication, theelectronic device displays, via the display device, the clock faceincluding the indication of time of the inset time indication accordingto a second style (e.g., digital) different from the first style (e.g.,the second style is based on the selection of the second style via thesequence of one or more inputs).

In some embodiments, the inset time indication is translucent (e.g., theinset time indication is displayed in front of the analog dial (andfeatures within the analog dial); the analog dial (and features withinthe analog dial) are visible through the inset time indication but lackdetail).

In some embodiments, the clock face includes a color gradient (e.g., alinear color gradient) that has a gradual transition from a first color(e.g., a dark color near the bottom of the analog dial) to a secondcolor (e.g., a lighter color near the top of the analog dial, withvarious colors/shades of colors in between). In some embodiments, thecolor gradient varies along a direction from a center of the analog dialto a position on the analog dial representing solar noon (e.g., for aposition along the direction of the gradient, the color is constant in adirection perpendicular to the direction of the gradient).

Note that details of the processes described above with respect tomethod 1700 (e.g., FIG. 17) are also applicable in an analogous mannerto the methods described above. For example, methods 700, 900, 1100,1300, 1500, and 1900 optionally include one or more of thecharacteristics of the various methods described above with reference tomethod 1700. For example, the operations of method 1700 can be appliedconsistent with the operations of methods 700 and 900. For brevity,these details are not repeated below.

FIGS. 18A-18L illustrate exemplary user interfaces for reordering clockfaces, in accordance with some embodiments. The user interfaces in thesefigures are used to illustrate the processes described below, includingthe processes in FIGS. 19A-19B.

FIG. 18A depicts electronic device 600 displaying clock face 1800 ondisplay 602 (e.g., a touch-sensitive display). In some embodiments,electronic device 600 includes one or more features of device 100,device 300, or device 500. In the embodiment illustrated in FIG. 18A,electronic device 600 includes depressible and rotatable input mechanism604. In some embodiments, electronic device 600 displays clock face 1800in response to receiving a request to display the current clock face(e.g., a wrist raise gesture, a request to switch from viewing anapplication or notification screen to displaying the current clockface). Clock face 1800 includes an indication of the time and date.Additionally, clock face 1800 includes complications 1802 a-1802 b. Insome embodiments, a complication refers to a clock face feature otherthan those used to indicate the hours and minutes of a time (e.g., clockhands or hour/minute indications)). In some embodiments, complicationsprovide different types of information to a user, such as data obtainedfrom an application. In some embodiments, the information conveyed to auser by a complication is customizable.

At FIG. 18A, a user performs a deep press gesture to navigate to a clockface selection mode. As a result, electronic device 600 detects input1804 (e.g., a contact on display 602 with a characteristic intensitygreater than an intensity threshold).

At FIG. 18B, in response to detecting input 1804 and in accordance witha determination that a characteristic intensity of input 1804 exceeds anintensity threshold, electronic device 600 enters a clock face selectionmode and displays user interface 1806. User interface 1806 includesclock face 1800 being displayed at a size that is smaller than the sizeat which clock face 1800 is being displayed in FIG. 18A. User interface1806 also includes portions (but not all) of clock faces 1808 and 1810,which are available for display by electronic device 600. In someembodiments, in response to an input (e.g., a horizontal swipe ondisplay 602 or a rotation of input mechanism 604), electronic device 600centers one of clock faces 1808 or 1810 on user interface 1806 forselection as the current clock face (e.g., by scrolling clock faces1800, 1808, and 1810). For example, a user can swipe from left to rightin order to center clock face 1808 and then tap clock face 1808 (orpress input mechanism 604) to select the corresponding clock face as thecurrent clock face. In some embodiments, input mechanism 604 isphysically rotatable with respect to a housing of electronic device 600.

In some embodiments, returning to FIG. 18A, instead of detecting a deeppress gesture, electronic device 600 detects input 1804 as a tap gesture(e.g., a contact on display 602 with a characteristic intensity lessthan the intensity threshold) at a location corresponding tocomplication 1802 a. In some embodiments, in response to detecting input1804 and in accordance with a determination that the detected input hasa characteristic intensity that does not exceed the intensity threshold,electronic device 600 replaces display of clock face 1800 with a userinterface of an application (e.g., weather application) corresponding tothe complication (e.g., 1802 a) at which the input was detected.

At FIG. 18B, user interface 1806 also includes affordance 1812 to selectthe clock face corresponding to the currently centered representationfor editing. In some embodiments, electronic device 600 detects a tapgesture at a location corresponding to affordance 1812 and, in response,enters a clock face edit mode to edit clock face 1800.

As depicted in FIG. 18B, the user performs a long press gesture on clockface 1800 to navigate to a clock face reordering mode. As a result,electronic device 600 detects input 1814 (e.g., a contact on display 602with a contact duration longer than a threshold duration) at a locationcorresponding to clock face 1800.

At FIG. 18C, in response to detecting input 1814 and in accordance witha determination that the contact duration of input 1814 exceeds athreshold duration, electronic device 600 enters a clock face reorderingmode and displays user interface 1816. The clock face reordering modeallows a user to reorder the sequence of the clock faces available fordisplay by electronic device 600. In the embodiment illustrated in FIG.18C, sixteen clock faces are available for display by electronic device600, where the sixteen clock faces are organized in a particularsequence (e.g., an ordered set) from a first position in the sequence toa sixteenth position in the sequence. Clock faces 1808, 1800, and 1810are in the first, second, and third positions in the clock face sequence(e.g., in the ordered set), respectively.

In some embodiments, instead of detecting a long press gesture,electronic device 600 detects input 1814 as a tap gesture. In someembodiments, in response to detecting input 1814 and in accordance witha determination that the contact duration of input 1814 does not exceeda threshold duration, electronic device exits the clock face selectionmode, and returns to displaying clock face 1800 at the bigger size shownin FIG. 18A (e.g., ceases to display portions of clock faces 1808 and1810).

As shown in FIG. 18C, the user continues to maintain contact withdisplay 602. As a result, electronic device detects a continuation ofinput 1814 (e.g., electronic device 600 continues to detect contact viainput 1814 without detecting liftoff of the contact). While electronicdevice 600 displays user interface 1816 and continues to detect input1814, electronic device 600 displays clock face 1800 at a location ondisplay 602 corresponding to a location at which input 1814 is beingdetected. Additionally, user interface 1816 includes position indicator1818, which provides a visual indication of a position in the sequenceof clock faces at which clock face 1800 would be placed if electronicdevice 600 detects liftoff of input 1814. Thus, in some embodiments, ifelectronic device 600 detected liftoff of input 1814 at FIG. 18C,electronic device 600 would return to displaying user interface 1806 asshown in FIG. 18B (e.g., clock face 1800 would remain in the secondposition in the clock face sequence).

At FIG. 18C, user interface 1816 includes clock face 1800 beingdisplayed at a size that is smaller than the size at which clock face1800 is being displayed in FIG. 18B. User interface 1816 also includesclock faces 1808 and 1810 being displayed at the same size as eachother, but at a size that is smaller than the size at which clock face1800 is being displayed in FIG. 18C. Additionally, clock face 1800 isbeing displayed with a reduced opacity (e.g., reduced as compared toclock faces 1808, 1810; such that clock face 1800 is partiallytransparent). As a result, the portion of clock faces 1808 and 1810 thatare covered by clock face 1800 are still displayed and can still be seenby the user. In contrast to clock face 1800, clock faces 1808 and 1810are displayed with full opacity (e.g., such that the clock faces are nottransparent).

As discussed above, the user continues to maintain contact with display602. The user then performs a left-to-right drag gesture to repositionclock face 1800 in the sequence of clock faces. As a result, electronicdevice detects input 1814 with movement in the left-to-right direction.

At FIG. 18D, in response to detecting input 1814 with movement in theleft-to-right direction, electronic device 600 initiates a process forreordering clock face 1800 in the sequence of clock faces, and movesclock face 1800 relative to clock faces 1808 and 1810 in accordance withthe movement of input 1814. After performing the left-to-right draggesture, the user maintains contact with the right side oftouch-sensitive display 602. As a result, electronic device 600 detectsinput 1814 at a location corresponding to the right side of display 602.

In response to detecting input 1814 at a location corresponding to theright side of display 602, electronic device 600 scrolls the displayedclock faces (e.g., 1808, 1810) in the right-to-left direction (e.g.,while maintaining the display location of clock face 1800 on thedisplay), and initially displays at least a portion of clock face 1820.Clock face 1820 is scrolled onto display 602 from the right edge ofdisplay 602.

Further in response to detecting input 1814 at a location correspondingto the right side of display 602, electronic device 600 scrolls clockface 1810 passed position indicator 1818, and updates position indicator1818 to reflect the current position of clock face 1800. As clock facescrolls passed position indicator 1818, electronic device 600 generatestactile outputs 1821 (e.g., haptic feedback) that are capable of beingsensed by the user, thereby providing an indication that the user issuccessfully reordering the clock faces. In some embodiments, electronicdevice 600 generates the tactile outputs upon a determination that ascrolled clock face has reached a threshold location with respect toposition indicator 1818.

At FIG. 18E, the user has successfully reordered the sequence of theclock faces. In particular, clock face 1800 is now in the third positionin the clock face sequence, as indicated by position indicator 1818.Thus, clock face 1808 is now in the first position, while clock face1810 is in the second position in the clock face sequence. In someembodiments, if electronic device 600 detected liftoff of input 1814,electronic device 600 would display user interface 1806 in FIG. 18B, butwith clock face 1810 in place of clock 1808 and clock face 1822 in placeof clock face 1810.

As shown in FIG. 18E, the user continues to maintain contact withdisplay 602. The user then performs a downward drag gesture to enablefaster scrolling of the clock faces in the clock face reordering mode.As a result, electronic device detects input 1814 with movement in thedownward direction without detecting liftoff of input 1814.

At FIG. 18F, in response to detecting input 1814 with movement in thedownward direction, electronic device 600 shrinks clock faces 1810 and1822, and displays clock face 1800 at a location corresponding to thelocation at which input 1814 is being detected. While clock faces 1810and 1822 are being displayed at a smaller size, the device enablesscrolling the clock faces at a faster rate for quicker reordering of theclock faces.

As depicted in FIG. 18F, the user continues to maintain contact withdisplay 602. The user then performs a left-to-right drag gesture toreposition clock face 1800 in the sequence of clock faces. As a result,electronic device detects input 1814 with movement in the left-to-rightdirection without detecting liftoff of input 1814.

At FIG. 18G, in response to detecting input 1814 with movement in theleft-to-right direction, electronic device 600 initiates a process forreordering clock face 1800 in the sequence of clock faces, and movesclock face 1800 relative to clock faces 1810 and 1822 in accordance withthe movement of input 1814. In some embodiments, after performing theleft-to-right drag gesture, the user maintains contact with the rightside of display 602. As a result, electronic device 600 continues todetect input 1814 at a location corresponding to the right side ofdisplay 602.

In some embodiments, in response to detecting input 1814 at a locationcorresponding to the right side of display 602, electronic device 600scrolls, in the right-to-left direction, the displayed clock faces(e.g., 1810, 1822) in addition to the clock faces later in the sequence.While the clock faces are being displayed at a smaller size (e.g., incomparison to FIG. 18E), electronic device 600 scrolls the clock facesat a faster rate (e.g., as compared to FIG. 18D). Reaching the end ofthe sequence of clock faces, electronic device 600 scrolls clock face1824 onto display 602 from the right edge of display 602, as shown inFIG. 18G. In some embodiments, electronic device 600 scrolls clock face1824 onto display 602 in response to continued detection of input 1814at a location corresponding to the right side of display 602.

At FIG. 18G, the user has again successfully reordered the sequence ofthe clock faces. In particular, clock face 1800 is now in the sixteenthposition in the clock face sequence, as indicated by position indicator1818. In some embodiments, electronic device 600 generates tactileoutputs (e.g., haptic feedback) that are capable of being sensed by theuser, thereby providing an indication that the user has reached the endof the sequence of clock faces. In some embodiments, electronic device600 generates the tactile outputs upon a determination that the end ofthe clock face sequence has been reached. In some embodiments, when theend of the clock face sequence is reached, electronic device 600generates tactile outputs with a stronger intensity than that of thetactile outputs in FIG. 18D.

As shown in FIG. 18G, the user continues to maintain contact withdisplay 602. As a result, electronic device 600 continues to detectinput 1814 on display 602 (without detecting liftoff of input 1814), anddisplays clock face 1800 at a location corresponding to the location atwhich input 1814 is being detected.

The user then lifts their finger off of display 602 to exit the clockface reordering mode and return to the clock face selection mode. As aresult, electronic device 600 detects liftoff of input 1814.

At FIG. 18H, in response to detecting liftoff of input 1814, electronicdevice enters the clock face selection mode, and displays user interface1806. User interface 1806 includes clock face 1800 and a portion (butnot all) of clock face 1824. No portion of a clock face is displayed tothe right of clock face 1800, as clock face 1800 is the last clock face(e.g., sixteenth) in the clock face sequence due to the reordering thathas occurred.

As depicted in FIG. 18H, the user performs a tap gesture to select clockface 1800 as the current clock face. As a result, electronic device 600detects input 1828 (e.g., tap gesture) at a location corresponding toclock face 1800.

At FIG. 18I, in response to detecting input 1828, electronic device 600exits the clock face selection mode, and displays clock face 1800 at asize that is larger than the size at which clock face 1800 is beingdisplayed in FIG. 18H (e.g., in FIG. 18I clock face 1800 is beingdisplayed at a size that occupies all of display 602, in FIG. 18I clockface 1800 is being displayed at the same size as in FIG. 18A).

As shown in FIG. 18I, the user performs a left-to-right swipe gesture toswitch to the clock face in the position just prior to clock face 1800in the sequence of clock faces. As a result, electronic device detectsinput 1830 with movement in the left-to-right direction (e.g., startingfrom off of display 602).

At FIG. 18J, in response to detecting input 1830, electronic device 600replaces display of clock face 1800 with display of clock face 1824,which is the clock face that is in the position just prior to clock face1800 in the sequence of clock faces. As a result of the clock facereordering that occurred in FIGS. 18F-18G, clock face 1800 is in thesixteenth position in the clock face sequence, and clock face 1824 is inthe fifteenth position.

In some embodiments, before any reordering of the clock faces hasoccurred, the user performs a left-to-right swipe gesture to switch tothe clock face in the position just prior to clock face 1800 in thesequence of clock faces. As a result, electronic device 600 detectsinput 1832 with movement in the left-to-right direction, as depicted inFIG. 18A. In response to detecting input 1832, electronic device 600replaces display of clock face 1800 with display of clock face 1808, asshown in FIG. 18K. It is noted that electronic device 600 replacesdisplay of clock face 1800 with a different clock face than in FIG. 18J,since the sequence of the clock faces is different. In contrast to FIG.18J, clock face 1808 is in the position prior to clock face 1800 in thesequence of clock faces, since clock face reordering has yet to occur inFIG. 18A.

In some embodiments, a user can perform an upward swipe gesture todelete a clock face from the sequence of clock faces. For example, atFIG. 18B, instead of detecting a long press gesture, electronic device600 detects input 1814 as an upward swipe gesture. In some embodiments,in response to detecting an upward swipe gesture starting at a locationcorresponding to a displayed clock face (e.g., 1800), electronic device600 initiates a process for deleting a clock face from the sequence ofclock faces (e.g., the clock face on which the swipe gesture wasdetected). In some embodiments, initiating the process for deleting theclock face includes replacing display of the clock face (e.g., 1800)with display of delete icon 1834, as depicted in FIG. 18L. In someembodiments, in response to detecting selection of delete icon 1834,electronic device 600 deletes a clock face (e.g., 1800) from thesequence of clock faces (e.g., the clock face on which the swipe gesturewas detected).

FIG. 19 is a flow diagram illustrating a method for reordering clockfaces using an electronic device in accordance with some embodiments.Method 1900 is performed at a device (e.g., 100, 300, 500, 600) with adisplay device. Some operations in method 1900 are, optionally,combined, the orders of some operations are, optionally, changed, andsome operations are, optionally, omitted.

As described below, method 1900 provides an intuitive way for reorderingclock faces. The method reduces the cognitive burden on a user forreordering clock faces, thereby creating a more efficient human-machineinterface. For battery-operated computing devices, enabling a user toreorder clock faces faster and more efficiently conserves power andincreases the time between battery charges.

In some embodiments, an electronic device (e.g., 600) displays (1902),via the display device, a selection user interface (e.g., 1806) forselecting a clock face among a plurality of clock faces (e.g., 1800,1808, 1810). In some embodiments, displaying the selection userinterface for selecting a clock face among a plurality of clock facesincludes displaying at least a portion of two or more different clockfaces (e.g., 1808 and 1810 of FIG. 18B, including at least: a portion ofa first clock face and a portion of a second clock face) from theplurality of clock faces, including displaying a first clock face (e.g.,1800) of the plurality of clock faces at a first size. In someembodiments, the first clock face is displayed concurrently with asecond clock face and/or a third clock face. In some embodiments, thesecond clock face and/or third clock face are displayed at the firstsize. In some embodiments, the selection user interface includes anaffordance (e.g., 1812) that, when activated, causes the electronicdevice to enter a clock face reconfiguration mode. In some embodiments,entering the clock face reconfiguration mode includes displaying areconfiguration user interface that is different from the selection userinterface for selecting a clock face, where the reconfiguration userinterface also includes the first clock face or one or more elements ofthe first clock face.

In some embodiments, while displaying, via the display device (e.g.,602), the selection user interface (e.g., 1806 in FIG. 18B) includingdisplaying the first clock face (e.g., 1800) at the first size), theelectronic device (e.g., 600) detects a scrolling user inputcorresponding to a first scroll direction (e.g., a left swipe gesture, aright swipe gesture, rotation of a rotatable input mechanism (e.g., 604,watch crown) of the electronic device in a direction, rotation of arotatable input mechanism (e.g., watch crown) of the electronic devicein the opposite direction). In some embodiments, in response todetecting the scrolling input, the electronic device causes the firstclock face (e.g., 1800) to slide off of the display in a direction thatcorresponds to the first scroll direction and a second clock face (e.g.,1820, that was previously not displayed) to slide onto the display inthe direction that corresponds to the first scroll direction. In someembodiments, detecting a scrolling user input that corresponds to asecond scroll direction that is different from (e.g., opposite of) thefirst scroll direction causes the first clock face to slide off of thedisplay in a second direction different from the direction thatcorresponds to the first scroll direction and causes a third clock faceto be scrolled onto the display (in the second direction) rather thanthe second clock face. In some embodiments, the scroll input is adetermination that the first clock face has been moved (e.g., via a draggesture) to a location that is within a predetermined distance from anedge of the display.

In some embodiments, displaying at least a portion of two or moredifferent clock faces (e.g., 1800, 1810) from the plurality of clockfaces (as part of display the selection user interface (e.g., 1806 inFIG. 18B) for selecting a clock face among a plurality of clock faces)includes displaying at least a portion of the two or more differentclock faces from the plurality of clock faces in a first order (e.g.,1800 followed by 1810) (e.g., the first order based on a first orderedset of the plurality of clock faces). In some embodiments, subsequent tomoving the first clock face (e.g., 1800) relative to one or more of theother clock faces in the reordering user interface (e.g., 1816 in FIGS.18C-18E) in accordance with the detected movement (e.g., 1814), theelectronic device (e.g., 600) receives a request (e.g., user input(e.g., liftoff of 1814)) to display the selection user interface (e.g.,1806) for selecting a clock face among a plurality of clock faces. Insome embodiments, in response to receiving the request (e.g., userinput) to display the selection user interface, the electronic devicedisplays, via the display device, the selection user interface. In someembodiments, displaying the selection user interface (e.g., 1806)includes displaying at least a portion of the two or more differentclock faces (e.g., 1800, 1810) from the plurality of clock faces in asecond order (e.g., 1810 followed by 1800) that is different from thefirst order (e.g., the second order based on a second ordered set of theplurality of clock faces). Thus, as a result of moving the first clockface relative to one or more of the other clock faces in the reorderinguser interface in accordance with the detected movement, the devicereorders the plurality of clock faces such that when the devicere-displays the selection user interface the plurality of clock facesbecome accessible to the user using the reordered state.

In some embodiments, prior to displaying the selection user interface(e.g., 1806 in FIG. 18B) for selecting a clock face among a plurality ofclock faces that includes displaying at least a portion of two or moredifferent clock faces (e.g., including at least: a portion of a firstclock face and a portion of a second clock face) from the plurality ofclock faces, the electronic device (e.g., 600) displays the first clockface (e.g., 1800) at the second size (e.g., as shown in FIG. 18A). Insome embodiments, while displaying the first clock face at the secondsize, the electronic device detects (prior to displaying the selectionuser interface) a third user input (e.g., 1804) that meets respectivecriteria (e.g., a long press or a hard press such as a press input witha characteristic intensity above an intensity threshold). In someembodiments, displaying the selection user interface for selecting aclock face among a plurality of clock faces is in response to receivingthe third user input.

In some embodiments, while displaying the first clock face (e.g., 1800)at the second size, detecting a second user input (e.g. 1804 at FIG.18A) at a location corresponding to (e.g., at, on) the first clock face;and in response to detecting the second user input: in accordance with adetermination that the second user input meets third input criteria(e.g., wherein the third input criteria includes a criterion that is metwhen the second user input includes a contact with a characteristicintensity that exceeds an intensity threshold), displaying, via thedisplay device, the selection user interface (e.g., 1806 in FIG. 18B)for selecting a clock face among a plurality of clock faces (e.g., 1808,1800, 1810); and in accordance with a determination that the second userinput does not meet the third input criteria (e.g., the second userinput does not include a contact with a characteristic intensity thatexceeds an intensity threshold), forgoing displaying, via the displaydevice, the selection user interface (e.g., 1806) for selecting a clockface among a plurality of clock faces (and, optionally, performing afunction (e.g., displaying information from an application correspondingto 1802 a, displaying a graphical element) based on a location of thesecond user input). In some embodiments, determining whether the seconduser input meets the third input criteria is independent of a locationof the user input, the device displays the selection user interface.

In some embodiments, in response to detecting the user input (e.g., 1814in FIG. 18B with upward movement) (that was received while displayingthe selection user interface), in accordance with a determination thatthe user input meets fourth input criteria (e.g., the first inputcriteria includes a requirement that is met when the user input is, orcorresponds to, a swipe up gesture on the first clock face), theelectronic device initiates a process (e.g., displaying a “delete”affordance (e.g., 1834) in FIG. 18L) for removing the first clock facefrom the plurality of clock faces. In some embodiments, the deviceautomatically ceases to display, on the display device, the first clockface (e.g., by moving the first clock face off of the display in thedirection of the received user input) when the user input meets fourthinput criteria. In some embodiments, in accordance with thedetermination that the user input meets fourth input criteria, thedevice removes (e.g., automatically, in response to detecting activationof the “delete” affordance) the first clock face from the plurality ofclock faces.

In some embodiments, while displaying, via the display device (e.g.,602), the selection user interface (e.g., 1806 in FIG. 18B) forselecting a clock face among the plurality of clock faces, theelectronic device detects (1904) a user input (e.g., 1814) at a locationcorresponding to (e.g., at, on top of) the first clock face (e.g., 1800)(e.g., user gesture, long press (e.g., an input that is detected forlonger than a non-zero threshold amount of time), a deep press (e.g., acontact with a characteristic intensity that exceeds an intensitythreshold)).

In some embodiments, in response (1906) to detecting the user input, inaccordance with (1908) a determination that the user input meets firstinput criteria (e.g., the first input criteria includes a requirementthat is met when the user input is, or corresponds to, a certain type ofgesture (e.g., tap gesture, swipe/drag (in a particular direction (up,down, right, left)))), the electronic device displays (1910), via thedisplay device, the first clock face (e.g., 1800) at a second size(e.g., 1800) that is greater than the first size (e.g., withoutdisplaying other clock faces of the plurality of clock faces (e.g.,second clock face, third clock face)).

In some embodiments, in response (1906) to detecting the user input, inaccordance with (1912) a determination that the user input (e.g., 1814)meets second input criteria that is different from the first inputcriteria (e.g., the second input criteria includes a requirement that ismet when the user input is, or corresponds to, a certain type of gesture(e.g., tap gesture, swipe/drag (in a particular direction (up, down,right, left)))), the electronic device displays (1914), via the displaydevice, a reordering user interface (e.g., 1816) for reordering theplurality of clock faces. In some embodiments, displaying the reorderinguser interface (e.g., 1816 in FIG. 18C) for reordering the plurality ofclock faces includes displaying at least a portion of three or moreclock faces (e.g., including at least: a portion of the first clock face(e.g., 1800), a portion of a second clock face (e.g., 1808), and aportion of a third clock face (e.g., 1810)), including the first clockface and at least a portion of a clock face (e.g., 1808, 1810) that wasnot displayed prior to detecting the user input. In some embodiments,the first clock face (e.g., 1800) is displayed such that it is overlaidon at least a portion of a different clock face (e.g., overlaid on aportion of a second clock face (e.g., 1808) and overlaid on a portion ofa third clock face (e.g., 1810)).

In some embodiments, at least two clock faces of the plurality of clockfaces (e.g., 1800, 1810) are in an ordered set. In some embodiments,while displaying the reordering user interface (e.g., 1816 in FIG. 18C),the electronic device (e.g., 600) displays, via the display device(e.g., 602), a location indicator (e.g., 1818) (e.g., separate from theclock faces). In some embodiments, the location indicator provides anindication of a current ordering location for the first clock face(e.g., 1800) among the at least two clock faces of the plurality ofclock faces (e.g., a location in the set of clock faces at which thefirst clock face will be placed if an end of the input (e.g., 1814) isdetected, such as liftoff of the contact from the touch-sensitivedisplay). In some embodiments, the location of the location indicatormoves relative to (at least some of) the plurality of clock faces as thedevice detects the movement corresponding to the first clock face.

Displaying a location indicator (e.g., 1818) provides the user with avisual indication of the current location of the first clock face withrespect to the other clock faces during the reordering process. This isparticularly useful when the user has performed a drag down gesture onthe first clock face such that the first clock face is no longer alignedwith the other clock faces in the plurality of clock faces (e.g., thefirst clock face is lower than the other clock faces). Providingimproved feedback to the user enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, while displaying the reordering user interface(e.g., 1816 in FIGS. 18C-18D), the electronic device detects (1916)movement corresponding to the first clock face (e.g., 1800) (e.g., acontinuation of the user input (e.g., 1814), where continuation of theuser input includes dragging the first clock face across the reorderinguser interface; a continuation of the user input (e.g., 1814), where noliftoff has been detected between the time at which the user input wasdetected and the time at which the beginning of the continuation of theuser input was detected, a user input (e.g., 1814) that occurs after thedevice detects lift-off of the initial user input that caused thereordering user interface to be displayed).

In some embodiments, displaying the reordering user interface (e.g.,1816 in FIG. 18C) for reordering the plurality of clock faces (e.g.,1800, 1808, 1810) includes concurrently displaying the first clock face(e.g., 1800), a second clock face (e.g., 1808) (or at least a portion ofthe second clock face) of the plurality of clock faces, and a thirdclock face (e.g., 1810) (or at least a portion of the third clock face)of the plurality of clock faces. In some embodiments, the first clockface (e.g., 1800) is displayed at a first reduced size that is smallerthan the first size. In some embodiments, the second clock face (e.g.,1808) is displayed at a size that is smaller than the first reducedsize. In some embodiments, the third clock face (e.g., 1810) isdisplayed at a size that is smaller than the first reduced size (e.g.,the third size or, optionally, a fourth size that is also smaller thanthe first reduced size). In some embodiments, the second clock face isdifferent from the third clock face.

Displaying the second clock face (e.g., 1808) and the third clock face(e.g., 1810) smaller than the first clock face provides the user withfeedback about which clock face is selected for reordering. Providingimproved visual feedback to the user enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, displaying the reordering user interface (e.g.,1816) includes displaying the first clock face (e.g., 1800) at a firstreduced size that is smaller than the first size.

Reducing the size of the first clock face (e.g., 1800) provides the userwith feedback that a reordering process has been initiated and that theuser can provide additional inputs to reorder the clock faces.Additionally, reducing the size of the first clock face enables thedevice to display additional clock faces (or portions thereof), therebyproviding the user with additional visual feedback about the currentordering of the clock faces. Providing improved visual feedback to theuser enhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, displaying the reordering user interface (e.g.,1816 in FIGS. 18E-18F) for reordering the plurality of clock faces(e.g., 1800, 1810, 1822) includes concurrently displaying the firstclock face (e.g., 1800) at a first reduced size that is less than thefirst size, a second clock face (e.g., 1810) (or at least a portion ofthe second clock face) of the plurality of clock faces at a third sizethat is smaller than the first reduced size, and a third clock face(e.g., 1822) (or at least a portion of the third clock face) of theplurality of clock faces at the third size. In some embodiments, whiledisplaying the reordering user interface (e.g., 1816) that includes thefirst clock face at the first reduced size, the electronic devicedetects second movement (e.g., corresponding to input 1814 in FIG. 18E)(e.g., down direction, away from the top of the device). In someembodiments, the second movement corresponds to the first clock face(e.g., 1800). In some embodiments, the device (e.g., 600) detects a draggesture (e.g., 1814) on the first clock face (e.g., 1800) to drag theclock face down. In some embodiments, in response to detecting thesecond movement corresponding to the first clock face, in accordancewith a determination that the second movement causes the first clockface to be moved a threshold distance (non-zero threshold distance) in afirst direction (e.g., away from the top of the display device (e.g.,602), towards the bottom of the display device): the electronic device(e.g., 600) further reduces a size of the second clock face (e.g., 1810in FIGS. 18E-18F) and the third clock face (e.g., 1822 in FIGS. 18E-18F)(or at least the displayed portion of the second clock face) (or atleast the displayed portion of the third clock face) (and optionallymaintaining display of the first clock face (e.g., 1800) at the firstreduced size). In some embodiments, in response to detecting the secondmovement corresponding to the first clock face, in accordance with adetermination that the second movement does not cause the first clockface to be moved the threshold distance (non-zero threshold distance) inthe first direction, the electronic device continues to display thesecond clock face and the third clock face without reducing a size ofthe second clock face and the third clock face (and optionally maintaindisplay of the first clock face at the first reduced size). In someembodiments, the device determines that the second movement has causedthe first clock face to be moved a threshold distance (non-zerothreshold distance) in a direction (e.g., away from the top of thedisplay device, towards the bottom of the display device) and updatesthe display device to display the first clock face at a second reducedsize (smaller than the first reduced size) in accordance with thatdetermination (and maintains the first clock face at the first reducedsize when the first clock face has not been moved the threshold distancein the direction). Thus, when the electronic device detects input (e.g.,1814 in FIG. 18E) (while displaying the reordering user interface) thatcauses the first clock face (e.g., 1800) to shift down on the display,the device reduces the size of the second clock face (e.g., 1810 inFIGS. 18E-18F) and the third clock face (e.g., 1822 in FIGS. 18E-18F)once the first clock face is shifted down by a predetermined amount.

Further reducing the size of the first clock face when the user providesa particular input (e.g., a drag down input on the first clock face)provides the user with feedback that the reordering process has beenaccelerated and that a left/right drag of the first clock face willcause the first clock face to transition more quickly through the otherclock faces. Additionally, reducing the size of the first clock faceenables the device to optionally display additional clock faces (orportions thereof), thereby providing the user with additional visualfeedback about the current ordering of the clock faces (and the orderingof the clock faces which the user is traversing). Providing improvedvisual feedback to the user enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, while the device detects the movement correspondingto the first clock face while displaying the reordering user interface,the first clock face in the reordering user interface is at leastpartially transparent (e.g., 1800 of FIG. 18C) such that at least aportion of the one or more other clock faces (e.g., 1808, 1810) in thereordering user interface (e.g., 1816 in FIG. 18C) are visible behind(or through) the first clock face. In some embodiments, the one or moreof the other clock faces in the reordering user interface have a secondopacity that is higher than the first opacity.

Displaying the first clock face at least partially transparent such thatat least a portion of the one or more other clock faces are visiblebehind the first clock face during the reordering process provides theuser with feedback about where the first clock face is on the userinterface relative to the other clock faces. Providing improved feedbackto the user enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, in response to (1918) detecting the movement (e.g.,corresponding to input 1814) corresponding to the first clock face, theelectronic device moves (1920) the first clock face (e.g., 1800)relative to one or more of the other clock faces (e.g., 1808, 1810,1820, 1822, 1824) in the reordering user interface in accordance withthe detected movement (e.g., as illustrated in FIGS. 18C-18E).

Enlarging the first clock face to the second size that is greater thanthe first size provides the user with feedback that the first clock facehas been selected. Displaying the at least a portion of three or moreclock faces provides visual feedback to the user about the currentordering of the clock faces, thereby enabling the user to appropriatelyreorder the clock faces. Providing improved visual feedback to the userenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, moving, in accordance with the detected movement(e.g., corresponding to input 1814 in FIGS. 18C-18D), the first clockface (e.g., 1800) relative to the one or more of the other clock faces(e.g., 1810) in the reordering user interface (e.g., 1816) includesaltering an order of the first clock face relative to the one or more ofthe other clock faces and generating a tactile output (e.g., 1821 inFIG. 18D) that corresponds to altering the order of the first clock facerelative to one or more of the other clock faces (e.g., haptic feedback)(e.g., that corresponds (e.g., corresponds in time) to a visualreordering of the plurality of clock faces caused by altering the orderof the first clock face relative to the one or more of the other clockfaces). In some embodiments, moving the first clock face relative to oneor more of the other clock faces in the reordering user interfacefurther causes a visual reordering of the plurality of clock faces andthe electronic device additionally provides a tactile output thatcorresponds (e.g., corresponds in time) to the visual reordering.

Providing tactile output that corresponds to visual reordering of theplurality of clock faces provides the user with non-visual feedbackabout the reordering process, thereby indicating to the user each timethe first clock face is moved within the plurality of clock faces.Providing improved feedback to the user enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, while moving the first clock face (e.g., 1800)relative to one or more of the other clock faces in the reordering userinterface (e.g., 1816 in FIGS. 18F-18G) in accordance with the detectedmovement (e.g., corresponding to input 1814) (and, optionally, whiledetecting the movement corresponding to the first clock face), theelectronic device determines that an end of the plurality of clock faces(e.g., passed clock face 1824 in FIG. 18G) has been reached (e.g., thefirst clock face has been moved to the end of the list of the pluralityof clock faces). In some embodiments, in response to determining thatthe end of the plurality of clock faces has been reached, the electronicdevice generates a second tactile output (e.g., similar to 1821) thatcorresponds to reaching the end of the plurality of clock faces (e.g.,haptic feedback). In some embodiments, the tactile output provided bythe electronic device when the end of the plurality of clock faces hasbeen reached has a higher intensity as compared to the tactile outputprovided by the electronic device that corresponds (e.g., corresponds intime) to the visual reordering of the plurality of clock faces.

Providing tactile output when the end of the list of clock faces hasbeen reached provides the user with tactile feedback that the input thatwas previously causing the first clock face to more relative to theother clock faces is no longer effective (since the end of the list hasbeen reached). Providing improved feedback to the user enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, displaying at least a portion of two or moredifferent clock faces (e.g., 1808, 1810) from the plurality of clockfaces (as part of display the selection user interface (e.g., 1806 inFIG. 18B) for selecting a clock face among a plurality of clock faces)includes displaying at least a portion of the two or more differentclock faces from the plurality of clock faces based on a first order(e.g., 1800 followed by 1824, as shown in FIG. 18B) of the plurality ofclock faces. In some embodiments, moving the first clock face (e.g.,1800) relative to one or more of the other clock faces in the reorderinguser interface (e.g., 1816 in FIGS. 18C-18E) in accordance with thedetected movement (e.g., corresponding to input 1814) changes an orderof the plurality of clock faces to a second order (e.g., 1824 followedby 1800 as shown in FIG. 18G) that is different from the first order. Insome embodiments, subsequent to moving the first clock face relative toone or more of the other clock faces in the reordering user interface inaccordance with the detected movement, the electronic device receives arequest (e.g., 1828 at FIG. 18H) to display the first clock face (e.g.,1800) at the second size (e.g., without displaying other clock faces ofthe plurality of clock faces (e.g., second clock face, third clockface)). In some embodiments, subsequent to moving the first clock facerelative to one or more of the other clock faces in the reordering userinterface in accordance with the detected movement, in response toreceiving the request (e.g., 1828 at FIG. 18H) to display the firstclock face at the second size, the electronic device (e.g., 600)displays, via the display device (e.g., 602), the first clock face(e.g., 1800) at the second size (e.g., as shown in FIG. 18) (e.g.,without displaying other clock faces of the plurality of clock faces(e.g., second clock face, third clock face)). In some embodiments,subsequent to moving the first clock face relative to one or more of theother clock faces in the reordering user interface in accordance withthe detected movement, while displaying the first clock face (e.g.,1800) at the second size (e.g., as shown in FIG. 18) (e.g., withoutdisplaying other clock faces of the plurality of clock faces (e.g.,second clock face, third clock face), in response to the determinationthat the user input meets first input criteria), the electronic device(e.g., 600) detects a user input (e.g., 1830 at FIG. 18I) to change aclock face. In some embodiments, the user input to change a clock faceincludes a directional component. In some embodiments, in response todetecting the user input (e.g., 1830 at FIG. 18I) to change a clockface, the electronic device replaces display of the first clock face(e.g., 1800) at the second size with a next clock face (e.g., 1824) inthe second order (e.g., at the second size), selected based on thedirectional component (and not based on the first order) (e.g., inaccordance with a determination that the second clock face (e.g., 1824in FIG. 18J) is a next face in the second order, then the second clockface is displayed and in accordance with a determination that the thirdclock face (e.g., 1808 in FIG. 18K) is a next face in the second order,then the third clock face is displayed). Thus, as a result of moving thefirst clock face relative to one or more of the other clock faces in thereordering user interface in accordance with the detected movement, thedevice reorders the plurality of clock faces such that when the devicereceives a request to change clock faces when a single clock face isdisplayed, the device selects the next clock face to display based onthe reordered plurality of clock faces.

Note that details of the processes described above with respect tomethod 1900 (e.g., FIGS. 9A-9B) are also applicable in an analogousmanner to the methods described above. For example, methods 700, 900,1100, 1300, 1500, and 1700 optionally includes one or more of thecharacteristics of the various methods described above with reference tomethod 1900. For example, the clock faces reordered in method 1900include the clock faces described above with respect to methods 700,900, 1100, 1300, 1500, and 1700. Thus, clock face 606 of FIG. 6A can beone of the clock faces that is reordered when electronic device 600 isperforming method 1900. For brevity, these details are not repeatedbelow.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific embodiments. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theembodiments were chosen and described in order to best explain theprinciples of the techniques and their practical applications. Othersskilled in the art are thereby enabled to best utilize the techniquesand various embodiments with various modifications as are suited to theparticular use contemplated.

Although the disclosure and examples have been fully described withreference to the accompanying drawings, it is to be noted that variouschanges and modifications will become apparent to those skilled in theart. Such changes and modifications are to be understood as beingincluded within the scope of the disclosure and examples as defined bythe claims.

As described above, one aspect of the present technology is thegathering and use of data available from various sources to improve thedelivery to users of invitational content or any other content that maybe of interest to them. The present disclosure contemplates that in someinstances, this gathered data may include personal information data thatuniquely identifies or can be used to contact or locate a specificperson. Such personal information data can include demographic data,location-based data, telephone numbers, email addresses, twitter IDs,home addresses, data or records relating to a user's health or level offitness (e.g., vital signs measurements, medication information,exercise information), date of birth, or any other identifying orpersonal information.

The present disclosure recognizes that the use of such personalinformation data, in the present technology, can be used to the benefitof users. For example, the personal information data can be used todeliver targeted content that is of greater interest to the user.Accordingly, use of such personal information data enables users tocalculated control of the delivered content. Further, other uses forpersonal information data that benefit the user are also contemplated bythe present disclosure. For instance, health and fitness data may beused to provide insights into a user's general wellness, or may be usedas positive feedback to individuals using technology to pursue wellnessgoals.

The present disclosure contemplates that the entities responsible forthe collection, analysis, disclosure, transfer, storage, or other use ofsuch personal information data will comply with well-established privacypolicies and/or privacy practices. In particular, such entities shouldimplement and consistently use privacy policies and practices that aregenerally recognized as meeting or exceeding industry or governmentalrequirements for maintaining personal information data private andsecure. Such policies should be easily accessible by users, and shouldbe updated as the collection and/or use of data changes. Personalinformation from users should be collected for legitimate and reasonableuses of the entity and not shared or sold outside of those legitimateuses. Further, such collection/sharing should occur after receiving theinformed consent of the users. Additionally, such entities shouldconsider taking any needed steps for safeguarding and securing access tosuch personal information data and ensuring that others with access tothe personal information data adhere to their privacy policies andprocedures. Further, such entities can subject themselves to evaluationby third parties to certify their adherence to widely accepted privacypolicies and practices. In addition, policies and practices should beadapted for the particular types of personal information data beingcollected and/or accessed and adapted to applicable laws and standards,including jurisdiction-specific considerations. For instance, in the US,collection of or access to certain health data may be governed byfederal and/or state laws, such as the Health Insurance Portability andAccountability Act (HIPAA); whereas health data in other countries maybe subject to other regulations and policies and should be handledaccordingly. Hence different privacy practices should be maintained fordifferent personal data types in each country.

Despite the foregoing, the present disclosure also contemplatesembodiments in which users selectively block the use of, or access to,personal information data. That is, the present disclosure contemplatesthat hardware and/or software elements can be provided to prevent orblock access to such personal information data. For example, in the caseof interactive clock faces, the present technology can be configured toallow users to select to “opt in” or “opt out” of participation in thecollection of personal information data during registration for servicesor anytime thereafter. In another example, users can select not toprovide data. In yet another example, users can select to limit thelength of time data is maintained. In addition to providing “opt in” and“opt out” options, the present disclosure contemplates providingnotifications relating to the access or use of personal information. Forinstance, a user may be notified upon downloading an app that theirpersonal information data will be accessed and then reminded again justbefore personal information data is accessed by the app.

Moreover, it is the intent of the present disclosure that personalinformation data should be managed and handled in a way to minimizerisks of unintentional or unauthorized access or use. Risk can beminimized by limiting the collection of data and deleting data once itis no longer needed. In addition, and when applicable, including incertain health related applications, data de-identification can be usedto protect a user's privacy. De-identification may be facilitated, whenappropriate, by removing specific identifiers (e.g., date of birth,etc.), controlling the amount or specificity of data stored (e.g.,collecting location data a city level rather than at an address level),controlling how data is stored (e.g., aggregating data across users),and/or other methods.

Therefore, although the present disclosure broadly covers use ofpersonal information data to implement one or more various disclosedembodiments, the present disclosure also contemplates that the variousembodiments can also be implemented without the need for accessing suchpersonal information data. That is, the various embodiments of thepresent technology are not rendered inoperable due to the lack of all ora portion of such personal information data. For example, content can beselected and delivered to users by inferring preferences based onnon-personal information data or a bare minimum amount of personalinformation, such as the content being requested by the deviceassociated with a user, other non-personal information, or publiclyavailable information.

1. An electronic device, comprising: a display device; one or moreprocessors; and memory storing one or more programs configured to beexecuted by the one or more processors, the one or more programsincluding instructions for: receiving a first request to display a clockface; in response to receiving the first request to display the clockface, displaying, via the display device, a clock face with anindication of a first time that is a current time, the clock face at thefirst time including: an analog dial representing a twenty-four hourtime period; and an inset time indication at a first position on theclock face inside the analog dial, the inset time indication indicatingthe first time, wherein the inset time indication indicates the firsttime independently of the current position of the inset time indication;and receiving a second request to display the clock face; and inresponse to receiving the second request to display the clock face,displaying, via the display device, the clock face with an indication ofa second time that is a current time, and that is different from thefirst time, the clock face at the second time including: the analog dialrepresenting a twenty-four hour time period; and the inset timeindication at a second position on the clock face inside the analog dialdifferent from the first position on the clock face inside the analogdial, the inset time indication indicating the second time, wherein theinset time indication indicates the second time independently of thecurrent position of the inset time indication.
 2. The electronic deviceof claim 1, wherein the second position of the inset time indicationrelative to the first position of the inset time indication is based onan amount of time between the second time and the first time.
 3. Theelectronic device of claim 1, wherein the first position of the insettime indication is selected based on the first time and the secondposition of the inset time indication is selected based on the secondtime.
 4. The electronic device of claim 1, wherein the inset timeindication is offset from a center of the analog dial representing atwenty-four hour time period.
 5. The electronic device of claim 1,wherein: the clock face at the first time further includes arepresentation indicating a position of the Sun at the first time, therepresentation at a third position on the clock face inside the analogdial at the first time, and the clock face at the second time furtherincludes the representation indicating a position of the Sun at thesecond time, the representation at a fourth position on the clock faceinside the analog dial at the second time different from the thirdposition on the clock face inside the analog dial.
 6. The electronicdevice of claim 5, wherein: the third position on the clock facerelative to the analog dial indicates the first time, and the fourthposition on the clock face relative to the analog dial indicates thesecond time.
 7. The electronic device of claim 5, wherein: the insettime indication moves from the first position on the clock face to thesecond position on the clock face around an origin and along a firstcircular path, the representation indicating the position of the Sunmoves from the third position on the clock face to the fourth positionon the clock face around the origin and along a second circular path, anangular separation relative to the origin between the inset timeindication and the representation indicating the position of the Sunremains constant over time.
 8. (canceled)
 9. The electronic device ofclaim 5, the one or more programs further including instructions for: inaccordance with a current time corresponding to a time between sunriseand sunset, displaying a first element representing the Sun; and inaccordance with a current time corresponding to a time between sunsetand sunrise, displaying a second element representing the Moon.
 10. Theelectronic device of claim 1, wherein the clock face includes a segmentwith a first edge indicating a sunrise time on the analog dial and asecond edge indicating a sunset time on the analog dial.
 11. Theelectronic device of claim 10, wherein the position and size of thesegment is selected based on a time of year and a geographic locationassociated with the electronic device.
 12. The electronic device ofclaim 1, wherein the electronic device includes a rotatable inputmechanism that rotates relative to a frame of the electronic device, theone or more programs further including instructions for: detecting arotation of the rotatable input mechanism; and in response to detectingthe rotation of the rotatable input mechanism, moving the inset timeindication to a third position on the clock face inside the analog dial,the inset time indication indicating a third time different from acurrent time.
 13. (canceled)
 14. (canceled)
 15. The electronic device ofclaim 12, the one or more programs further including instructions for:in response to detecting the rotation of the rotatable input mechanism:in accordance with a determination that the third time corresponds to adesignated time, displaying an indication of an event corresponding tothe designated time.
 16. The electronic device of claim 12, the one ormore programs further including instructions for: in response todetecting the rotation of the rotatable input mechanism: in accordancewith a determination that the third time corresponds to a designatedtime, providing a tactile output.
 17. (canceled)
 18. (canceled)
 19. Theelectronic device of claim 1, wherein the clock face includes a firstgraphical element, wherein a color of the first graphical element isselected based on a time of day.
 20. The electronic device of claim 1,wherein the clock face includes a representation of an event, therepresentation at a first position on the clock face, wherein the firstposition relative to the analog dial indicates a time of the event. 21.The electronic device of claim 1, wherein the inset time indicationincludes an indication of time, the indication of time displayedaccording to a first style at the second time, the one or more programsfurther including instructions for: after displaying the clock face atthe second time, detecting a sequence of one or more inputscorresponding to a request to edit a style of the indication of time ofthe inset time indication; and in response to detecting the sequence ofone or more inputs corresponding to a request to edit a style of theindication of time of the inset time indication, displaying, via thedisplay device, the clock face including the indication of time of theinset time indication according to a second style different from thefirst style.
 22. (canceled)
 23. The electronic device of claim 1,wherein the clock face includes a color gradient that has a gradualtransition from a first color to a second color, wherein the colorgradient varies along a direction from a center of the analog dial to aposition on the analog dial representing solar noon.
 24. Anon-transitory computer-readable storage medium storing one or moreprograms configured to be executed by one or more processors of anelectronic device with a display device, the one or more programsincluding instructions for: receiving a first request to display a clockface; in response to receiving the first request to display the clockface, displaying, via the display device, a clock face with anindication of a first time that is a current time, the clock face at thefirst time including: an analog dial representing a twenty-four hourtime period; and an inset time indication at a first position on theclock face inside the analog dial, the inset time indication indicatingthe first time, wherein the inset time indication indicates the firsttime independently of the current position of the inset time indication;and receiving a second request to display the clock face; and inresponse to receiving the second request to display the clock face,displaying, via the display device, the clock face with an indication ofa second time that is a current time, and that is different from thefirst time, the clock face at the second time including: the analog dialrepresenting a twenty-four hour time period; and the inset timeindication at a second position on the clock face inside the analog dialdifferent from the first position on the clock face inside the analogdial, the inset time indication indicating the second time, wherein theinset time indication indicates the second time independently of thecurrent position of the inset time indication.
 25. A method comprising:at an electronic device with a display device: receiving a first requestto display a clock face; in response to receiving the first request todisplay the clock face, displaying, via the display device, a clock facewith an indication of a first time that is a current time, the clockface at the first time including: an analog dial representing atwenty-four hour time period; and an inset time indication at a firstposition on the clock face inside the analog dial, the inset timeindication indicating the first time, wherein the inset time indicationindicates the first time independently of the current position of theinset time indication; and receiving a second request to display theclock face; and in response to receiving the second request to displaythe clock face, displaying, via the display device, the clock face withan indication of a second time that is a current time, and that isdifferent from the first time, the clock face at the second timeincluding: the analog dial representing a twenty-four hour time period;and the inset time indication at a second position on the clock faceinside the analog dial different from the first position on the clockface inside the analog dial, the inset time indication indicating thesecond time, wherein the inset time indication indicates the second timeindependently of the current position of the inset time indication. 26.The non-transitory computer-readable storage medium of claim 24, whereinthe second position of the inset time indication relative to the firstposition of the inset time indication is based on an amount of timebetween the second time and the first time.
 27. The non-transitorycomputer-readable storage medium of claim 24, wherein the first positionof the inset time indication is selected based on the first time and thesecond position of the inset time indication is selected based on thesecond time.
 28. The non-transitory computer-readable storage medium ofclaim 24, wherein the inset time indication is offset from a center ofthe analog dial representing a twenty-four hour time period.
 29. Thenon-transitory computer-readable storage medium of claim 24, wherein:the clock face at the first time further includes a representationindicating a position of the Sun at the first time, the representationat a third position on the clock face inside the analog dial at thefirst time, and the clock face at the second time further includes therepresentation indicating a position of the Sun at the second time, therepresentation at a fourth position on the clock face inside the analogdial at the second time different from the third position on the clockface inside the analog dial.
 30. The non-transitory computer-readablestorage medium of claim 29, wherein: the third position on the clockface relative to the analog dial indicates the first time, and thefourth position on the clock face relative to the analog dial indicatesthe second time.
 31. The non-transitory computer-readable storage mediumof claim 29, wherein: the inset time indication moves from the firstposition on the clock face to the second position on the clock facearound an origin and along a first circular path, the representationindicating the position of the Sun moves from the third position on theclock face to the fourth position on the clock face around the originand along a second circular path, an angular separation relative to theorigin between the inset time indication and the representationindicating the position of the Sun remains constant over time.
 32. Thenon-transitory computer-readable storage medium of claim 29, wherein theone or more programs further comprises instructions for: in accordancewith a current time corresponding to a time between sunrise and sunset,displaying a first element representing the Sun; and in accordance witha current time corresponding to a time between sunset and sunrise,displaying a second element representing the Moon.
 33. Thenon-transitory computer-readable storage medium of claim 24, wherein theclock face includes a segment with a first edge indicating a sunrisetime on the analog dial and a second edge indicating a sunset time onthe analog dial.
 34. The non-transitory computer-readable storage mediumof claim 33, wherein the position and size of the segment is selectedbased on a time of year and a geographic location associated with theelectronic device.
 35. The non-transitory computer-readable storagemedium of claim 24, the electronic device further including a rotatableinput mechanism that rotates relative to a frame of the electronicdevice, wherein the one or more programs further comprises instructionsfor: detecting a rotation of the rotatable input mechanism; and inresponse to detecting the rotation of the rotatable input mechanism,moving the inset time indication to a third position on the clock faceinside the analog dial, the inset time indication indicating a thirdtime different from a current time.
 36. The non-transitorycomputer-readable storage medium of claim 35, wherein the one or moreprograms further comprises instructions for: in response to detectingthe rotation of the rotatable input mechanism: in accordance with adetermination that the third time corresponds to a designated time,displaying an indication of an event corresponding to the designatedtime.
 37. The non-transitory computer-readable storage medium of claim35, wherein the one or more programs further comprises instructions for:in response to detecting the rotation of the rotatable input mechanism:in accordance with a determination that the third time corresponds to adesignated time, providing a tactile output.
 38. The non-transitorycomputer-readable storage medium of claim 24, wherein the clock faceincludes a first graphical element, wherein a color of the firstgraphical element is selected based on a time of day.
 39. Thenon-transitory computer-readable storage medium of claim 24, wherein theclock face includes a representation of an event, the representation ata first position on the clock face, wherein the first position relativeto the analog dial indicates a time of the event.
 40. The non-transitorycomputer-readable storage medium of claim 24, wherein the inset timeindication includes an indication of time, the indication of timedisplayed according to a first style at the second time, wherein the oneor more programs further comprises instructions for: after displayingthe clock face at the second time, detecting a sequence of one or moreinputs corresponding to a request to edit a style of the indication oftime of the inset time indication; and in response to detecting thesequence of one or more inputs corresponding to a request to edit astyle of the indication of time of the inset time indication,displaying, via the display device, the clock face including theindication of time of the inset time indication according to a secondstyle different from the first style.
 41. The non-transitorycomputer-readable storage medium of claim 24, wherein the clock faceincludes a color gradient that has a gradual transition from a firstcolor to a second color, wherein the color gradient varies along adirection from a center of the analog dial to a position on the analogdial representing solar noon.
 42. The method of claim 25, wherein thesecond position of the inset time indication relative to the firstposition of the inset time indication is based on an amount of timebetween the second time and the first time.
 43. The method of claim 25,wherein the first position of the inset time indication is selectedbased on the first time and the second position of the inset timeindication is selected based on the second time.
 44. The method of claim25, wherein the inset time indication is offset from a center of theanalog dial representing a twenty-four hour time period.
 45. The methodof claim 25, further comprising: the clock face at the first timefurther includes a representation indicating a position of the Sun atthe first time, the representation at a third position on the clock faceinside the analog dial at the first time, and the clock face at thesecond time further includes the representation indicating a position ofthe Sun at the second time, the representation at a fourth position onthe clock face inside the analog dial at the second time different fromthe third position on the clock face inside the analog dial.
 46. Themethod of claim 51, further comprising: the third position on the clockface relative to the analog dial indicates the first time, and thefourth position on the clock face relative to the analog dial indicatesthe second time.
 47. The method of claim 51, further comprising: theinset time indication moves from the first position on the clock face tothe second position on the clock face around an origin and along a firstcircular path, the representation indicating the position of the Sunmoves from the third position on the clock face to the fourth positionon the clock face around the origin and along a second circular path, anangular separation relative to the origin between the inset timeindication and the representation indicating the position of the Sunremains constant over time.
 48. The method of claim 51, furthercomprising: in accordance with a current time corresponding to a timebetween sunrise and sunset, displaying a first element representing theSun; and in accordance with a current time corresponding to a timebetween sunset and sunrise, displaying a second element representing theMoon.
 49. The method of claim 25, wherein the clock face includes asegment with a first edge indicating a sunrise time on the analog dialand a second edge indicating a sunset time on the analog dial.
 50. Themethod of claim 49, wherein the position and size of the segment isselected based on a time of year and a geographic location associatedwith the electronic device.
 51. The method of claim 25, wherein theelectronic device includes a rotatable input mechanism that rotatesrelative to a frame of the electronic device, further comprising:detecting a rotation of the rotatable input mechanism; and in responseto detecting the rotation of the rotatable input mechanism, moving theinset time indication to a third position on the clock face inside theanalog dial, the inset time indication indicating a third time differentfrom a current time.
 52. The method of claim 51, further comprising: inresponse to detecting the rotation of the rotatable input mechanism: inaccordance with a determination that the third time corresponds to adesignated time, displaying an indication of an event corresponding tothe designated time.
 53. The method of claim 51, further comprising: inresponse to detecting the rotation of the rotatable input mechanism: inaccordance with a determination that the third time corresponds to adesignated time, providing a tactile output.
 54. The method of claim 25,wherein the clock face includes a first graphical element, wherein acolor of the first graphical element is selected based on a time of day.55. The method of claim 25, wherein the clock face includes arepresentation of an event, the representation at a first position onthe clock face, wherein the first position relative to the analog dialindicates a time of the event.
 56. The method of claim 25, wherein theinset time indication includes an indication of time, the indication oftime displayed according to a first style at the second time, furthercomprising: after displaying the clock face at the second time,detecting a sequence of one or more inputs corresponding to a request toedit a style of the indication of time of the inset time indication; andin response to detecting the sequence of one or more inputscorresponding to a request to edit a style of the indication of time ofthe inset time indication, displaying, via the display device, the clockface including the indication of time of the inset time indicationaccording to a second style different from the first style.
 57. Themethod of claim 25, wherein the clock face includes a color gradientthat has a gradual transition from a first color to a second color,wherein the color gradient varies along a direction from a center of theanalog dial to a position on the analog dial representing solar noon.